如何在jQuery触发器上运行回调函数("click")？

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

首先,您需要绑定click事件,然后才能触发click事件.

$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");
});