当我运行这段代码时，Meta滑块消失了

这段代码与主页上的Meta Slider混淆，我不知道为什么。当我插入代码的时候，我的下拉文本可以正常工作，但我的Meta滑块将消失。当我删除代码Meta滑块再次工作。当我运行这段代码时，Meta滑块消失了

我在文本/ HTML的wordpress文本框小部件中运行它，我已启用jQuery更新插件。问题似乎不是Jquery，因为我可以删除代码，它仍然会删除我的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>

来源

2015-11-26 MrD

你有什么控制台中出现错误？ – Chris

控制台错误？一旦DOM解析，wordpress不会删除'$'引用吗？尝试：'$（function（$）{/ * $ still refer to jQuery * /}）;' –

Yup @ A.Wolff是正确的......或jQuery（document）.ready（function（$）{// code here }）; – Chris

，因为它使用的是相同的结构

你大概编辑其他元素，但inadvertengly影响滑块太要应用的样式所有ul元素和li子元素也瞄准元滑块。

您可以通过添加不同的类，以您的UL您正在试图编辑解决这个可以说<ul class='myNav'>则造型可以是这样的：

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

或者

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

来源

2015-11-26 11:48:37

伟大的东西男人谢谢..拉出这个愚蠢的东西多了头发:) – MrD

很高兴它帮助：D –

当我运行这段代码时，Meta滑块消失了

回答

相关问题