gpt4 book ai didi

javascript - jQuery 无法识别第二页上的 li 项目的点击

转载 作者:行者123 更新时间:2023-11-28 05:45:14 24 4
gpt4 key购买 nike

我正在努力制作几个按钮来通过单击更改网站的主题。它们在主页上可以工作,但是当我尝试将它们移动到第二页时,它们就不再工作了。根本无法识别该点击。

$(document).ready(function(){
$(document).on("click", "#warm", function() {
console.log("Clicked!");
$(b).addClass('color-red');
$(li).addClass('color-red #pages li');
$(h1).addClass('color-red h1');
$('#pages').addClass('color-red #pages');
});}

这是附带的 html

<div class="col-md-4 text-center">
<ul id="colors">
<li id="warm">
Warm
</li>
<li id="cool">
Cool
</li>
</ul>
</div>

cool 函数与warm 完全相同,只是它使用removeClass 而不是addClass。

最佳答案

$(document).ready(function(){
$(document).on("click", "#warm", function() {
console.log("Clicked!");
$(b).addClass('color-red');
$(li).addClass('color-red #pages li');
$(h1).addClass('color-red h1');
$('#pages').addClass('color-red #pages');
});}

WOAHHH 支持伙伴。首先,您不想绑定(bind)到文档,除非您正在创建 future 的事件。由于您使用的是 id 选择器,因此页面上应该只有其中 1 个,如果您将该特定 id 重新绑定(bind)到页面,则可以重新绑定(bind)该选择器。您不想因为文件太重或其他原因而对它视而不见。每次 html 发生更改时,jquery 都必须解析整个 DOM,以检查您是否添加了另一个“#warm”(在您的示例中),以查看是否需要创建另一个绑定(bind)到该元素的事件。

所以首先你的代码应该是这样的

$(document).ready(function(){
$("#warm").on("click", function(e) {
console.log("Clicked!");
$(b).addClass('color-red');
$(li).addClass('color-red #pages li');
$(h1).addClass('color-red h1');
$('#pages').addClass('color-red #pages');
});}

现在需要澄清一下,“将它们移动到第二页”是什么意思?那里的什么代码表明您正在移动它们?第二页是什么?

关于javascript - jQuery 无法识别第二页上的 li 项目的点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38578134/

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