$.click 在带有 JQuery 1.9.1 的 Chrome 中未触发复选框

Question

在内存中的 html 块中的复选框上似乎没有触发 click 事件。它确实为按钮而不是复选框触发。

这是小提琴：http://jsfiddle.net/X2en3/18/

还有代码：

使用 .trigger() 触发： 使用 .click() 触发：

var working = $('<div><input type="checkbox" id="myBox"/><button id="myButton"/><div>'),    
checkbox = working.find('#myBox'),
button = working.find('#myButton'),
stage;

function boxclicked() {$('#' + stage).append('--checkbox');}
function buttonclicked() {$('#' + stage).append('--button');}

working.delegate('#myBox', {click: boxclicked});
working.delegate('#myButton', {click: buttonclicked});

stage = 'trigger';

checkbox.trigger('click');
button.trigger('click');

stage = 'click';

checkbox.click();
button.click();

这只发生在 Chrome 和 JQuery 1.9.1 上。 Firefox/IE 9 和以前版本的 JQuery 都可以正常工作。

感谢任何帮助。

Answer 1

来自 jquery.com

http://api.jquery.com/delegate/

从 jQuery 1.7 开始，.delegate() 已被 .on() 方法取代。 然而，对于早期版本，它仍然是最有效的方法 使用事件委托。有关事件绑定和委托的更多信息 在 .on() 方法中。一般来说，这些是等效的模板 对于这两种方法：

尝试使用on 方法

http://api.jquery.com/on/

---

var $checkbox = $("<input>", { type: "checkbox", id: "myBox" });
var $button = $("<button>", { type: "checkbox", id: "myButton" });

var $container = $("<div>");
$container.append($checkbox);
$container.append($button);

$("body").append($container);

$container.on("click", "#myBox", getCheckboxStatus);
$container.on("click", "#myButton", getButtonStatus);

function getCheckboxStatus() {
    $('#chckBoxVerify').append('Yes');
}

function getButtonStatus() {
    $('#buttonVerify').append('Yes');
}

$checkbox.click();
$button.click();

工作示例：http://jsfiddle.net/hunter/X2en3/22/