jQuery的顯示隱藏插件不工作

這是關於以下jQuery插件： http://blog.danawoodman.com/jquery-showhide/jQuery的顯示隱藏插件不工作

我使用我的WordPress網站顯示的jQuery插件隱藏。但遇到同樣的問題。一個簡單的HTML文件下面的代碼工作正常，我：

<!DOCTYPE html> 
<html> 
    <head> 
     <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1'></script> 
     <script type="text/javascript" src="jquery.cookie.js"></script> 
     <script type="text/javascript" src="jquery.showhide.min.js"></script> 
     <script type="text/javascript"> 
      $(function() { 
       $('#ex-6').showhide({ 
        use_cookie: true, 
        cookie_name: 'example_6' 
       }); 
      }); 

     </script> 
    </head> 
    <body> 
      <p> 
       <a href="#" title="Toggle the span" id="ex-6">off</a> 
        <span>ABC</span> 
      </p> 
    </body> 

</html>

爲了使上述與WordPress的工作，我做了以下內容：

1）wordpress的編輯header.php文件，並添加以下在剖面線

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1'></script> 
    <script type="text/javascript" src="/wp-content/themes/mystique/js/jquery.cookie.js"></script> 
    <script type="text/javascript" src="/wp-content/themes/mystique/js/jquery.showhide.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('#ex-6').showhide({ 
       use_cookie: true, 
       cookie_name: 'example_6' 
      }); 
     }); 

    </script>

2）創建一個側邊欄部件和添加以下代碼：

<p> 
    <a href="#" title="Toggle the span" id="ex-6">off</a> 
    <span>ABC</span> 
</p>

請注意我上傳所需JavaScript庫的路徑

我試過禁用所有插件，但仍然沒有效果。

以上不適用於博客。您可以查看相同的內容： http://extreme-java.com/check-java-iq/

您能否建議我在哪裏犯了一個錯誤。

來源

2012-02-06 Sandeep

https://code.google.com/p/jquery-showhide/ – zloctb 2015-02-13 13:16:06

通過查看源代碼，似乎你想要的WordPress頁的「jQuery的標籤功能」

爲什麼不你試試wordpress tabs plugin看第3個屏幕-shpt

另外，如果你想把這個頁面當成邊欄，你可以使用pages/post as sidebar插件。

我認爲這是更好的選擇來實現這一功能

希望它會幫助你。

來源

2012-02-06 13:25:12 Denish

+1 - 似乎更好的解決此問題的方法。 – Ved 2012-02-06 13:28:48

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1'></script>

儘量避免單引號，試試這個：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1"></script>

來源

2012-02-06 11:52:35

我意識到這可能並不能完全解決您的問題，但總是避免頭痛的好主意 – 2012-02-06 12:08:22

jQuery的顯示隱藏插件不工作

回答

相關問題