2011-06-12 5 views
0

아래 코드는이 my homepage에서 대상 영역을 실행합니다. 그러나 그것은 애니메이션을 되풀이합니다. 현재 표시되는 항목을 모두 페이드 아웃하고 드롭 다운의 선택 항목으로 바꿔야합니다.Onchange 이벤트를 반복 중지하는 방법은 무엇입니까

또한 선택 상자의 값인 .desarea에 클래스를 추가해야합니다.

//Create destination switch 
$('#regionselect').change(function(){ 
    var selected = $(this).find(':selected'); 
    $('.regionDetail').fadeOut(function(){ 
     $('.'+selected.val()).slideDown(); 
    }); 
    var count = $('.countrylist').length; 
    $('.countrylist').slideUp(function(){ 
     if(!--count) { 
      $('.'+selected.val()).slideDown(); 
     }  
    }); 
}); 

답변

2

당신은 두 번

$('.'+selected.val()).slideDown();

있습니다. 그래서 두 번이나합니다.

+0

왼쪽 REGIONDETAILS 및 올바른 국가 목록에 필요하기 때문에 그렇습니까? – Andy

+0

나는 두 가지 호출로 무엇을 하려는지 확실하지 않지만, 그것이 동일하다는 사실은 똑같은 것을 두 번 실행한다는 것을 의미합니다. 'selected.val()'의 클래스를 가진 모든 요소는'slideDown'을 두 번 호출하게됩니다. –

+0

선택 상자에서 옵션을 선택하면 오른손 목록과 regiondetail이 함께 사라져서 일치하는 값이 무엇이든간에 슬라이드됩니다. – Andy

관련 문제