我有功能:
<script type="text/javascript">
$(function() {
$('#subbutton').click(function() {
$('#subbutton').hide();
});
});
</script>
只是在单击时隐藏了此按钮:
<a id="subbutton" class="button" href="javascript:TINY.box.show({url: 'follow',width:600,height:170,openjs:'initPopupLogin',opacity:30})"><span>Button</span></a>
现在,如果我尝试使用相同的功能,但是在页面的后面有一个链接,则它不起作用(我此时已删除了原始按钮),这是代码:
<div id="subbutton">
<a href="#"><span>Button</span></a>
</div>
我尝试将ID放在锚点和跨度中,似乎对此链接没有任何作用。知道为什么这行不通吗? (我已经删除了原来的按钮,因此第二个按钮是页面上的唯一ID)
最佳答案
尝试使用.on代替附加事件处理程序。我怀疑在附加事件处理程序时按钮不在dom中。
$(document).on('click', '#subbutton', function() {
$(this).hide();
});
编辑,现在我知道了问题。最好给按钮一个类并使用一个类选择器。
关于javascript - 相同的JQuery函数对一个链接起作用,而不对另一个链接起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9316229/