这里动态生成的折叠按钮事件是说明问题的一些的jsfiddle测试:没有发射
http://jsfiddle.net/p4pbt3jw/23/
我做更多的测试和这个问题似乎是唯一的尤其是动态生成的可折叠头内的元素。
var input = content.find('input');
input.on('click', function(e) {
alert('this works as expected');
e.stopPropagation();
e.stopImmediatePropagation();
});
$(document).on('click', 'input', function(e) {
alert('this doesnt work???');
e.stopPropagation();
e.stopImmediatePropagation();
});
一个简单的方法,以确认这是不是动态生成的可折叠的具体工作,在报头中:
$(document).on('click', '*', function(e) {
alert('will work anywhere except in dynamically generated collapsible header!');
});
你能否详细说明2如果可能?我在执行过程中并不完全清楚。谢谢 – user3044258 2014-12-01 18:36:17
我试了你的建议,但除非我误解,它仍然无法正常工作。 – user3044258 2014-12-01 18:43:36
如果我删除了可以工作的代码(或者删除stopPropogation等),它仍然不起作用。现在我会坚持使用可用的事件处理程序,并在稍后查看是否有解决方法。这个问题似乎与它动态生成的事实有关,它在可折叠标题内部,因为对于可折叠正文/内容中的任何元素,委托事件处理程序在那里工作得很好。 – user3044258 2014-12-01 18:55:42