2010-04-29 96 views
0

我正在使用JQuery。我写这篇文章的HTML代码:JQuery切换问题

<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或任何文件

+0

您的意思是您正试图在其他HTML文档中重用该代码?你能澄清你的意思吗?什么文件? – Tejs 2010-04-29 18:22:48

+0

是的,我试图在另一个HTML文档中重用该代码 – 2010-04-29 18:24:25

回答

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

你确定你已经修改了脚本标签以引用新的文件名中的其他?