2011-06-12 118 views
0

下面的代码在我的主页上运行目标区域。但它重复动画。我需要它淡出当前显示的内容,并用下拉列表中的选择替换。如何停止重复的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 2011-06-12 21:10:01

+0

我不完全确定你想要用这两个调用做什么,但事实是它们是相同的,这意味着它将两次运行完全相同的事情。所有具有'selected.val()'类的元素都会有'slideDown'调用两次。 – 2011-06-12 21:13:29

+0

当从选择框中选择一个选项时,它应该滑动淡出右侧列表以及regiondetail,然后滑入任何匹配的值... – Andy 2011-06-12 21:16:26