2012-04-10 2 views
1

정말 switch 문을 사용하여 코드를 깨끗하게 유지하려고하지만 실제로 작동하지 않는 것 같습니다. 나는 클래스 .ClientButtonPic이 객체의 배열을 만든 내가Switch 문이 Click 이벤트와 작동하지 않습니다.

var clientButtonNumber = $(".ClientButtonPic");  
$(clientButtonNumber[0]).click(function(){ $(".ClientImages:eq(0)").fadeIn(300); 
$(".ClientImages:eq(1)").fadeOut(300); }); 

를 작성하는 경우 그것은 잘 작동하지만 클릭 할 수 6 개 인스턴스를 갖고 있기 때문에 나는 스위치 문을 사용하고 싶었다. Heres 내 코드 :

var clientButtonNumber = $(".ClientButtonPic"); 
$(clientButtonNumber).click(function(){ 
    switch(this) 
    { 
case 0: 
$(".ClientImages:eq(0)").fadeIn(300); 
$(".ClientImages:eq(1)").fadeOut(300); 
    break; 
case 1: 
$(".ClientImages:eq(1)").fadeIn(300); 
$(".ClientImages:eq(0)").fadeOut(300); 
    break; 
default: 
    break; 
     } 
    }); 

도움이 되었습니까?

+0

'this'는 이벤트를 시작한 DOM 개체입니다. 0, 1, 2와 같은 숫자는 일치하지 않습니다. – jfriend00

답변

1

this의 색인을 사용해야합니다.

switch($(this).index(".ClientButtonPic")) 
+0

고마워요, .index –

관련 문제