元滑块在我运行此代码的那一刻消失

Meta slider disapears the moment i run this code

本文关键字：代码 那一刻 消失 运行      更新时间：2023-09-26

这段代码扰乱了我主页上的Meta Slider，我不知道为什么。当我插入代码时，我的下拉文本可以工作，但我的元滑块将消失。当我删除代码时，元滑块再次工作。

我在一个text/HTML wordpress文本框小部件中运行它，并启用了jQuery更新插件。问题似乎并不是Jquery，因为我可以删除-代码，它仍然删除了我的元滑块。

<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子元素，这些元素也以元滑块为目标，因为它使用相同的结构

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

你可以通过在你的ul中添加一个不同的类来解决这个问题。如果你试图编辑，比如<ul class='myNav'>，那么样式可以是这样的：

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

或

.myNav { margin: 0; padding: 0; list-style: none; }
相关文章：