gpt4 book ai didi

jquery - 更改链接上的类后,为什么绑定(bind)到新类的单击函数没有触发?

转载 作者:行者123 更新时间:2023-12-01 06:47:30 25 4
gpt4 key购买 nike

我有一个链接,单击该链接后会执行某些操作,然后将类交换为其他内容。

我希望能够像与第一个类(class)一样与新类(class)进行互动,但我似乎无法这样做。为什么会这样,我该怎么办?

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(...) 将处理程序绑定(bind)到元素。更改元素的属性不会更改绑定(bind)到该元素的处理程序。您正在寻找 on() 的事件委托(delegate):

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)到新类的单击函数没有触发?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22022687/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com