我有一个链接,单击该链接可进行填充,然后将类交换为其他内容。
我希望能够像在第一个类中那样与该新类进行交互,但是我似乎无法这样做。为什么会这样,我该怎么办?
http://jsfiddle.net/3uJEa/
HTML:
<a class="state-one" href="javascript:void(0);">What is the capital of Assyria?</a>
JavaScript:
$('.state-one').click(function() {
$(this).html("Strange women lying in ponds distributing swords is no basis for a system of government!");
$(this).addClass("state-two").removeClass("state-one");
});
$('.state-two').click(function() {
$(this).html("What is the capital of Assyria?");
$(this).addClass("state-one").removeClass("state-two");
});
最佳答案
$(...).click(...)
将处理程序绑定到元素。更改元素的属性不会更改绑定到该元素的处理程序。您正在使用on()
查找事件委托:
http://jsfiddle.net/RaSrm/
$(document).on('click', '.state-one', function() {
$(this).html("Strange women lying in ponds distributing swords is no basis for a system of government!");
$(this).addClass("state-two").removeClass("state-one");
});
$(document).on('click', '.state-two', function() {
$(this).html("What is the capital of Assyria?");
$(this).addClass("state-one").removeClass("state-two");
});
关于jquery - 更改链接上的类后,为什么没有将与新类绑定(bind)的click函数触发?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22022687/