Question

这是关于以下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文件，并在

部分添加以下行

 <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/

你能否说一下我犯了什么错误。

Answer 1

通过查看源代码，您似乎想在wordpress页面上使用“jquery tabs功能”

为什么不尝试wordpress tabs plugin看第3屏幕 -

此外，如果您希望此页面作为侧边栏，则可以使用pages/post as sidebar插件。

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

希望它会对你有所帮助。

Answer 2

<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>

jQuery show hide插件无法正常工作

2 个答案: