gpt4 book ai didi

javascript - Jquery 改变类和触发器

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<span class="fake_h">Too</span>
</body>

<script>
$('.fake_h').click(function() {
$(this).addClass('active_h').removeClass('fake_h');
})
$('.active_h').click(function() {
alert()
})
</script>

当我单击 span 时,它会删除类 fake_h 并添加 active_h。但之后当我点击 span(class='active_h') 它不起作用。不要触发警报或任何东西。谁能解释一下为什么它不起作用。

最佳答案

用一些 div 包裹您的 span 并使用该 div class 来触发动态添加的 class。动态更改标识符需要使用委托(delegate)事件处理程序。

$('.yourClass').on("click", '.fake_h', function() {
$(this).addClass('active_h').removeClass('fake_h');
})
$('.yourClass').on("click", '.active_h', function() {
alert()
})
.active_h {
text-decoration: underline
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class='yourClass'>
<span class="fake_h">Too</span>
</div>

关于javascript - Jquery 改变类和触发器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57985543/

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