2012-07-27 43 views
0

我是jQuery的新手,看起來似乎無法讓這段代碼工作。第一條語句執行,但以下兩條不執行。請幫忙。一個jQuery中多個語句的語法

$(document).ready(function(){ 

$("#print-tab").click(function(){ 
    $("#print-content").hide().fadeIn(); 
}); 

$("#web-tab").click(function(){ 
    $("#web-content").hide().fadeIn(); 
}); 

$("#rest-tab").click(function(){ 
    $("#rest-content").hide().fadeIn(); 
}); 
}); 
+7

這些是點擊處理程序。只有當你實際點擊它們引用的元素時,它們纔會被執行。看看文檔。 http://api.jquery.com/click/ – nbrooks 2012-07-27 01:41:55

+1

你可以創建一個jsfiddle並告訴我們你的意思是什麼「第一條語句執行,但以下兩條不是」?就你的代碼而言,沒有任何東西可以自動運行 – 2012-07-27 01:50:53

回答

0

難道是因爲你的#print-content上的其他內容的頂部,你只是不隱藏。您可以嘗試:

$(document).ready(function(){ 

    $("#print-tab").click(function(){ 
     $("#web-content,#rest-content").fadeOut(); 
     $("#print-content").hide().fadeIn(); 
    }); 

    $("#web-tab").click(function(){ 
     $("#print-content,#rest-content").fadeOut(); 
     $("#web-content").hide().fadeIn(); 
    }); 

    $("#rest-tab").click(function(){ 
     $("#web-content,#print-content").fadeOut(); 
     $("#rest-content").hide().fadeIn(); 
    }); 
});