這是關於以下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/
您能否建議我在哪裏犯了一個錯誤。
https://code.google.com/p/jquery-showhide/ – zloctb 2015-02-13 13:16:06