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