jQueryタブ：ダブルクリック

Question

2秒ごとに変更されるjQuery/Javascriptタブ用のスクリプトがあります。クリックすると変更が停止します。現在、タブがアクティブ（現在表示されているタブの場合）の場合、background-colorの内容とboreder-bottomはタブと同じ色になり、タブがアクティブでない場合、その境界線はborder-bottom: 1px black solid;になります。スクリプトはうまくいっていますが、タブがダブルクリックされると（クリックが長く遅れても）、タブがアクティブであっても境界線が黒くなります。 ここに私のjsFiddleの例があります： http://jsfiddle.net/rD6EZ/4/。また、最初のタブをもっと速く読み込むにはどうすればいいですか？現時点では2秒待たなければならないので、マニュアル「読み込み中」タブを追加しました。

Answer 1

これは黒の境界線の問題修正されます：遅延のため

if(typeof prevTab !== 'undefined' && $(element).attr('class')!= $(prevTab).attr('class')) 

終わりは次のようなものを作る：

var timer = setInterval(function() { 
      if(!klik){ 
       st %= nrTabs; 
       tabChange(tTab.eq(st++)); 
      } 
      else{ 
       clearInterval(timer); 
      } 
     }, 2000); 
     st %= nrTabs; 
     tabChange(tTab.eq(st++)