这是关于以下jQuery插件的:http://blog.danawoodman.com/jquery-showhide/
我在我的wordpress网站上使用了jQuery show hide插件。但是遇到了同样的问题。一个简单的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文件,在section中添加以下行
<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)创建一个侧边栏widget,添加如下代码:
<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 21:25:12
通过查看您的源代码,您似乎希望在wordpress页面上使用"jquery标签功能
你为什么不试试wordpress tabs plugin看第三屏-shpt
另外,如果你想要这个页面作为侧边栏,你可以使用pages/post as sidebar插件。
我认为这是实现此功能的更好选择
希望能对你有所帮助。
发布于 2012-02-06 19:52:35
<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>https://stackoverflow.com/questions/9159514
复制相似问题