2012-05-18 65 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(); });