如何在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 ]) 

Official Document

你能做什么

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

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

Answer 3

的触发没有一个回调函数 - 可以更好地重新编写代码使用.on方法。

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

JSFiddle。

Answer 4

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

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

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

$input.trigger('click'); 

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

如果你对每输入一个单击处理程序，但希望做一些特定的元素：

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 7

是 - 这是事实，触发并不需要回调，但我们可以传递回调作为参数。

//.trigger(eventType [, extraParameters ]) 

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

希望这将有助于