首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery显示隐藏插件不起作用

jQuery显示隐藏插件不起作用
EN

Stack Overflow用户
提问于 2012-02-06 19:39:09
回答 2查看 660关注 0票数 0

这是关于以下jQuery插件的:http://blog.danawoodman.com/jquery-showhide/

我在我的wordpress网站上使用了jQuery show hide插件。但是遇到了同样的问题。一个简单的HTML文件上的以下代码对我来说工作得很好:

代码语言:javascript
复制
<!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中添加以下行

代码语言:javascript
复制
 <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,添加如下代码:

代码语言:javascript
复制
<p>
    <a href="#" title="Toggle the span" id="ex-6">off</a>
    <span>ABC</span>
</p>

注意我上传所需javascript库的路径

我试着禁用了所有插件,但仍然没有效果。

上面的内容在博客上不起作用。你可以在http://extreme-java.com/check-java-iq/上查看同样的内容

你能告诉我我哪里弄错了吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-02-06 21:25:12

通过查看您的源代码,您似乎希望在wordpress页面上使用"jquery标签功能

你为什么不试试wordpress tabs plugin看第三屏-shpt

另外,如果你想要这个页面作为侧边栏,你可以使用pages/post as sidebar插件。

我认为这是实现此功能的更好选择

希望能对你有所帮助。

票数 1
EN

Stack Overflow用户

发布于 2012-02-06 19:52:35

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

尽量避免单引号,尝试这样做:

代码语言:javascript
复制
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js?ver=3.3.1"></script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9159514

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档