- 下面的锚标签是通过JS添加到页面的。
#sC
-绑定事件时,容器 div就在那里。
- 使用 jQuery 1.7.2
-没有语法错误,没有控制台错误。
-是的,JS 包含在脚本标签中,内容在正文中,没有标记警告或错误。
-我唯一能想到的是:这些链接上附加了另一个事件,即使在我的代码正常工作后它也一直有效。但是,我不知道它来自哪里(devtools 和 firebug 真的没有指示它的附加位置,它指向 jQuery 库的第 1 行...)
$(document).ready(function() {
$('#sC').on('click','a', function(event) {
alert("POOP");
});
});
<div id="sC">
<a href="javascript:return false">A</a>
<a href="javascript:return false">B</a>
<a href="javascript:return false">C</a>
<a href="javascript:return false">D</a>
<a href="javascript:return false">E</a>
<a href="javascript:return false">F</a>
</div>
更新 也试过这个:
<div id="sC">
<a href="javascript:return false">A</a>
<a href="javascript:return false">B</a>
<a href="javascript:return false">C</a>
<a href="javascript:return false">D</a>
<a href="javascript:return false">E</a>
<a href="javascript:return false">F</a>
</div>
这也不起作用(???):
$(document).ready(function() {
$('#sC').on('click','.scenarios', function(event) {
alert("POOP");
});
});
<div id="sC">
<span class="scenarios">A</span>
<span class="scenarios">B</span>
<span class="scenarios">C</span>
<span class="scenarios">D</span>
<span class="scenarios">E</span>
<span class="scenarios">F</span>
</div>
之后,我尝试在控制台中抛出我的 .on() 函数以查看它是否可以工作(它应该,对吗?不。F ***你的 chrome 控制台)......在控制台中尝试了这个并喘不过气来:
$('#sC .scenarios').click(function(event) {
alert('f*** this s***');
});