gpt4 book ai didi

javascript - 当我运行这段代码时,元 slider 消失了

转载 作者:太空宇宙 更新时间:2023-11-04 11:06:26 25 4
gpt4 key购买 nike

这段代码干扰了我主页上的 Meta Slider,我不知道为什么。在我插入代码的那一刻,我的下拉文本有效,但我的 Meta slider 将消失。当我删除代码时,Meta slider 再次工作。

我在文本/HTML wordpress 文本框小部件中运行它,并且启用了 jQuery 更新插件。问题似乎不是 Jquery,因为我可以删除 -code- 并且它仍然会删除我的 Meta Slider。

<html>
<style>
ul {
margin: 0;
padding: 0;
}
ul li {
margin: 0;
padding: 0;
list-style: none;
}
ul li a {
color: blue;
}
ul li div {
display: none;
}
</style>

<body>
<ul id="read_more">
<li>
<p>Read more</p>
<div>Death</div>
</li>
</ul>
<script>
$(function() {
$('#read_more li p').each(function() {
$(this).click(function() {
$(this).siblings('div').slideToggle(300);
});
});
});
</script>
</body>
</html>

最佳答案

您正在将样式应用于所有 ul元素和 li也以元 slider 为目标的子元素,因为它使用相同的结构

您可能正在尝试编辑其他元素,但无意中也影响了 slider 。

您可以通过向您尝试编辑的 ul 添加一个不同的类来解决这个问题,比如说 <ul class='myNav'>那么样式可以是这样的:

ul.myNav { margin: 0; padding: 0; }

或者

.myNav { margin: 0; padding: 0; list-style: none; }

关于javascript - 当我运行这段代码时,元 slider 消失了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33937317/

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