製作jQuery腳本全球

我第5名指出錯誤的腳本，它都做同樣的：製作jQuery腳本全球

<script language="javascript"> 
     $(document).ready(function(){ 
      $(".hideshow-news").hide(); 
      $(".roll-li-news").click(function(){ 
       if ($(".hideshow-news").is(":hidden")) { 
        $(".hideshow-news").slideDown("slow"); 
        $(".roll-li-news").removeClass('inactive'); 
       } 
       else { 
        $(".hideshow-news").slideUp("slow"); 
        $(".roll-li-news").addClass('inactive'); 
       } 
      }); 
     }); 
    </script> 
    <script language="javascript"> 
     $(document).ready(function(){ 
      $(".hideshow-users").hide(); 
      $(".roll-li-users").click(function(){ 
       if ($(".hideshow-users").is(":hidden")) { 
        $(".hideshow-users").slideDown("slow"); 
        $(".roll-li-users").removeClass('inactive'); 
       } 
       else { 
        $(".hideshow-users").slideUp("slow"); 
        $(".roll-li-users").addClass('inactive'); 
       } 
      }); 
     }); 
    </script> 
    <script language="javascript"> 
     $(document).ready(function(){ 
      $('.hideshow-pages').hide(); 
      $('.roll-li-pages').click(function(){ 
       if ($(".hideshow-pages").is(":hidden")) { 
        $(".hideshow-pages").slideDown("slow"); 
        $(".roll-li-pages").removeClass('inactive'); 
       } 
       else { 
        $(".hideshow-pages").slideUp("slow"); 
        $(".roll-li-pages").addClass('inactive'); 
        } 
      }); 
     }); 
    </script>

有沒有辦法讓那些5個腳本全球和在一個腳本中加入他們的行列？我做了不同的課程，因爲我的菜單已經在很多地方開放。

感謝您的幫助。

來源

2009-08-04 AnzeT

-1在使用之前沒有閱讀過圖書館的文檔。對不起，你是一個新手，但你真的可以做到這一點。 – Boldewyn 2009-08-04 12:42:26

@ Boldewyn，你是對的。但是，現在，我唯一關心的是這個東西實際上工作正常。無論如何感謝您尋找一個愚蠢的問題。乾杯！ – AnzeT 2009-08-06 07:35:02

迅速解決你的問題如下。刪除所有腳本標籤和內容，並將其添加到文檔中，最好放入<head></head>部分。

<script language="javascript"> 
    $(document).ready(function(){ 

     var arr = {"news", "pages", "users"}; 
     var x; 
     for (x in arr){ 
     $(".hideshow-"+x).hide(); 

     $(".roll-li-"+x).click(function(){ 
      if ($(".hideshow-"+x).is(":hidden")) { 
      $(".hideshow-"+x).slideDown("slow"); 
      $(".roll-li-"+x).removeClass('inactive'); 
      }else { 
      $(".hideshow-"+x).slideUp("slow"); 
      $(".roll-li-"+x).addClass('inactive'); 
      } 
     }); 
     } 
    }); 
</script>

這應該做你所需要的，我沒有測試它。如果您有使用具有相同結構的其他地方，改變數組是這樣的：

var arr = {"news", "pages", "users", "members", "others"};

但Boldewyn說，你應該走了過來基礎知識更多。

希望它有幫助，思南。

來源

2009-08-04 15:10:22 Sinan

是，刪除最後四個腳本標記和使用this selector中的第一個：

".hideshow-news, .hideshow-users, .hideshow-pages"

來源

2009-08-04 12:39:35 Boldewyn

它不像只更改根選擇器一樣簡單，點擊事件也需要一點修改，但這是一個很好的開始是 – Sander 2009-08-04 12:54:05

製作jQuery腳本全球

回答

相關問題