如何在 jQuery 触发器（“点击”）上运行回调函数？

Question

我需要在trigger 调用的回调中触发一个自定义事件，但我无法让它工作。

我试过了：

var $input = $( ".ui-popup-container" ).find( "input" ).eq(2);

function runtests () {
    console.log("clicked the input");
};
$input.trigger('click', runtests()); 

还有这个：

var $input = $( ".ui-popup-container" ).find( "input" ).eq(2);
$input.trigger('click', function(){
    console.log("clicked the input");
}

两者都不起作用。

问题：
触发元素点击时如何让回调函数运行？

Answer 1

当您调用trigger 时，绑定的事件处理程序会立即执行，因此您不需要任何回调。只需使用

$input.trigger('click');
runtests();

Answer 2

是的 - 触发器确实不接受回调，但我们可以将回调作为参数传递。

//.trigger( eventType [, extraParameters ] )

$("#element").bind("customCall", function(e, callback){
   callback();
}
var callback = function(){alert("Hello");}
$("#element").trigger("customCall",[callback]);

希望对你有帮助

Answer 3

首先需要绑定点击事件，然后才能触发点击事件。

$input.bind('click', function() {

     console.log("clicked the input");
});

$input.trigger('click');

Answer 4

触发器没有回调函数。

.trigger( eventType [, extraParameters ] )

Official Document

你能做什么

var $input = $( ".ui-popup-container" ).find( "input" ).eq(2);

$input.on('click',function(){
   console.log("clicked the input");
});

Answer 5

您需要使用bind 或on 添加回调。在您的情况下，它应该如下所示：

var $input = $( ".ui-popup-container" ).find( "input" ).eq(2);

function runtests () {
    console.log("clicked the input");
};

$input.bind('click', runtests);

绑定点击的更短版本是$input.click(runtests)

然后它会在点击时被调用，或者您可以使用$input.trigger('click') 或简单地使用$input.click() 手动触发它。

Answer 6

触发器没有回调函数 - 您可以更好地重写代码以使用 .on 方法。

$("body").on("click", "#click", function() {
   alert("Clicked!"); 
});

JSFiddle.

Answer 7

如果您对每个输入都有一个点击处理程序，但想对特定元素执行一些操作：

var $container = $(".ui-popup-container"),
    special = 2;

$container.on('click', 'input', function() {
    // do something for every input

    if($(this).index() == special) {
        // your "callback", e.g. the function you want to execute on input:eq2 click
        myfunction();
    }
}).find('input').eq(special).trigger('click');

Answer 8

.trigger() 不接受任何回调。大多数情况下您不需要它，因为绑定的事件处理程序会立即执行。但是，如果您在触发事件处理程序中有 AJAX 调用，则接受答案中的代码将不起作用：

$input.trigger('click');
runtests();

你必须像这样使用setTimeout()：

$input.trigger('click');
setTimeout(function () {
    runtests();
}, 250);

或者考虑在.trigger() 事件处理程序中对.ajax() 调用使用success 或error 回调。

Answer 9

Denys Séguret 的逻辑是正确的。但是当触发函数后需要回调函数时，$.when 是可用的：

$.when($input.trigger("click"))
 .done(function () { runtests(); });

Answer 10

请试试这个：

$('#inputTxt1').change(function(e, callback1, data) {

    /*  other statement ...   */  
    
   if(typeof(callback1)==='function'){
       callback1(data);
   } 
});

$('#button2').click(function(e){
    $('#button1').trigger('change', [secondCallback, 'data to callback']);
});

function secondCallback(data){
    var result = data;
}