0

我正在尝试在单击事件上向许多链接、按钮或输入添加一个确认框。

我不能使用 location.href、submit() 或其他特定功能，因为：

  • 例如，location.href 不适用于提交按钮，
  • 例如，location.href 不会触发其他绑定的处理程序。

所以我需要使用的是 trigger() 函数，它理论上执行所有的处理程序和本机操作。“困难”部分是执行所有处理程序，除了弹出确认框的处理程序。

这是我的代码：

$('a, button, input[type="submit"]').each(function() {

    var oButton = $(this);

    oButton.on('click.pending', function(oEvent) {
        console.log('click !');
        oEvent.preventDefault();

        var oDialog = $('<div class="dialog-example">[Question] ?</div>').dialog({
            buttons: {
                Cancel: function() {
                    console.log('cancelled !');
                    // Nothing to do
                    oDialog.dialog('close');
                },
                Ok: function() {
                    console.log('confirmed !');
                    // Trigger the rest of the handlers AND the native action, BUT not this one, so this dialog is not used
                    // Problem : nothing happens here
                    oButton.trigger('click.confirmed');
                    oDialog.dialog('close');
                }
            }
        });
    });

});

提前致谢 ！;)

4

1 回答 1

0

你应该试试：

oButton.off('click.pending').trigger('click').get(0).click();

演示

于 2013-09-26T08:41:44.747 回答