2012-05-18 53 views
0

我需要像我的jQuery中的if else功能,但我不知道我必須這樣做。或者這不可能?如果其他功能在jquery

if $(".image1").click(function(){ 

     $(idnumbers).css("display", "block"); 
     $(idnumberp).css("display", "none"); 
     $(idnumber).css("display","block"); 
    }); 



else if $(".image2").click(function(){ 
     $(idnumbers2).css("display", "block"); 
     $(idnumberp).css("display", "none"); 
     $(idnumber).css("display","block"); 

    }); 



else $(".image3").click(function(){ 

     $(idnumbers3).css("display", "block"); 
     $(idnumberp).css("display", "none"); 
     $(idnumber).css("display","block"); 

    }); 
+9

你到底想幹什麼?你不只是想要3個事件處理程序嗎? –

+2

這些是事件處理程序;你根本不需要'if'或'else'。他們只會在元素被點擊時運行。 – Blazemonger

+0

.click功能不會觸發,直到有人點擊該元素,因此您不需要if else塊。 – chapman84

回答

2

您不需要將事件處理函數放入if語句中。通過將事件附加到元素'onClick'偵聽器,您已經處理了每個特定的案例。

$(".image1").click(function(){ 
    $(idnumbers).css("display", "block"); 
    $(idnumberp).css("display", "none"); 
    $(idnumber).css("display","block"); 
}); 

$(".image2").click(function(){ 
    $(idnumbers2).css("display", "block"); 
    $(idnumberp).css("display", "none"); 
    $(idnumber).css("display","block"); 
}); 

$(".image3").click(function(){ 
    $(idnumbers3).css("display", "block"); 
    $(idnumberp).css("display", "none"); 
    $(idnumber).css("display","block"); 
}); 

這應該做你所需要的,而無需多餘的if/else語句。

2

你真的想是這樣的:

function imageClick() 
{  
    $(idnumberp).css("display", "none");   
    $(idnumber).css("display","block");  
}; 

$(".image1").click(function(){ $(idnumbers).css("display", "block"); imageClick(); }); 
$(".image2").click(function(){ $(idnumbers2).css("display", "block"); imageClick(); }); 
$(".image3").click(function(){ $(idnumbers3).css("display", "block"); imageClick(); });