2010-04-29 206 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

你確定你已經修改了腳本標籤以引用新的文件名中的其他?