Question

我有一个提交按钮点击，这对很多弹出窗口很常见。这是我的html和点击事件，

<div class="myContainer ">
        <button onclick="javascript:;" class="shcBtn shcBtnCTA submit">
            <span>Close</span>
        </button>
</div>

$('.myContainer .submit').on('click', function(){
        var socket = new easyXDM.Socket({
            onReady: function(){
            // you need to wait for the onReady callback before using the socket
                socket.postMessage("submitflow");
            }
        });
    });

现在在一个特定的流程中，我必须让我的提交按钮调用ajax调用，如果它成功，那么我应继续进行套接字调用。我不想改变我的点击功能，因为它在每个地方使用。还有其他办法吗？

Answer 1

您可以手动触发点击事件，这将触发处理程序

$('.myContainer .submit').click()

或

$('.myContainer .submit').trigger('click')

Answer 2

如果某些东西是特殊的，你应该在标记中使它特别，所以它不会得到与其他所有相同的处理程序：

<div class="myContainer">
    <!-- normal container -->
</div>

<div class="particularContainer">
    <!-- particularContainer -->
</div>

然后，您可以区分这样的特定情况：

$('.myContainer .submit').on('click',function(){
    beforeSubmit();
});

$('.particularContainer .submit').on('click',function(){
    $.ajax({/* ... */}).done(function(){
        beforeSubmit();
    });
});

如何在jquery中调用此函数？

2 个答案: