jquery需要点击两次选定的选项卡

我有一个小问题，jquery和依靠你的帮助。我有一个自定义的可排序选项卡，但是，当我单击所选项目时，必须单击两次以更改顺序。jquery需要点击两次选定的选项卡

尝试点击。主动类按钮，在第一个链接，例如，你会看到，它需要点击第二次改变它的方向......

所以，任何人都可以帮助我，理解为什么这样做呢？

HTML：

<div id="sort"> 
    <a href="#" data-sort="views" data-order="desc" class="active">views <span>&darr;</span></a> 
    <a href="#" data-sort="rating" data-order="desc">rating <span>&darr;</span></a> 
    <a href="#" data-sort="date" data-order="desc">date <span>&darr;</span></a>       
</div><!-- #sort -->

JS：

var body = $('body'); 

body.on('click', 'div#sort > a', function(e){ 

    var self = $(this); 

    // if clicked on active tab 
    if(self.hasClass('active')) 
    { 
     console.log('active'); 

     if(self.data('order') === 'asc') 
     {      
      console.log('active asc'); 
      self.data('order', 'desc'); 
      self.children('span').html('&uarr;'); 
     } 
     else 
     { 
      console.log('active desc');  
      self.data('order', 'asc'); 
      self.children('span').html('&darr;'); 
     } 

    } 

    // add and remove .active class 
    self.addClass('active').siblings().removeClass('active'); 

    e.preventDefault(); 
});

来源

2012-07-17 Lado Lomidze

如果您能够在jsFiddle上提供自包含的代码示例，则还应在此处提供一个。总是想象你的问题可以根据你的问题单独解决，而无需外部资源。我已经提前将它们复制在这里为你。 ;-) – 2012-07-17 17:15:59

谢谢，为此，我会考虑这一点。 – 2012-07-17 17:21:29