Question

我正在使用JQuery。我把它写成HTML代码：

<li id="toggle"> 
      <a id="open" class="open" href="#">Log In | Register</a> 
      <a id="close" class="close" style="display: none;" href="#">Close Panel</a> 
</li>

我正在写一个类似的代码：

$(document).ready(function() {

        // Expand Panel
        $("#open").click(function(){
            $("div#panel").slideDown("slow");
        }); 

        // Collapse Panel
        $("#close").click(function(){
            $("div#panel").slideUp("slow");
        });     

        // Switch buttons from "Log In | Register" to "Close Panel" on click
        $("#toggle a").click(function () {
            $("#toggle a").toggle();
        });     

    });

他们的问题是，它在一个文件中工作。之后，我复制了另一个文件，它将无法正常工作。

文档中没有重复的ID或任何其他内容

Answer 1

您确定已更改脚本标记以引用新文件名吗？

Answer 2

检查您是否正确引用了jQuery。
检查JavaScript错误。
使用视图来验证您是否正在测试文件的正确版本，而不是旧的缓存版本。
使用http://validator.w3.org/验证您的HTML。
使用http://www.jslint.com/验证您的JavaScript。

JQuery切换问题

2 个答案: