JQuery toggleClass（）をオンにしてからオフに戻す（または削除する）

Question

角度のディレクティブを使用して、ページの左右の列を使用しています。 <left-column></left-column>および<right-column></right-column>。ユーザーが<a href="#target1">Target 1</a>をクリックすると、の右側の列に対応する<div id="target1">Target 1</div>が見つかります。

これはうまくいきますし、今私がしようとしているのは、特定のdivの背景をクリックした後のものです。何かフラッシュや何か、私はそれのためのいくつかのCSSがあります。だから私はそのCSSクラスを切り替えるしたい、その後、そのクラスを削除する（またはそれをオフに切り替える）。

私はsetTimeout()機能を使用しようとしていますが、機能していないようです。何か案は？

マイエラーは次のとおりです。

Uncaught TypeError: Cannot read property 'toggleClass' of undefined 

マイJSです：

var highlight = { 

    onReady: function() { 

     $(document).on('click', 'left-column > div', function(event) { 

      var id = $('a', this).attr('href').split('#'); 
      var target = $('right-column > div').find('#' + id[1]); 

      target.toggleClass('gas'); 
      var junk = setTimeout(function(target) { 
       target.toggleClass('gas'); 
      }, 1000); 

      event.preventDefault(); 

     }); 

    } 

}; 


$(document).ready(highlight.onReady); 

Answer 1

あなたの問題は、あなたがsetTimeoutに渡されたコールバックでの引数としてtargetを期待しているということですが、実際に引数を渡していないので、setTimeoutコールバックのローカルのtargetは0にアクセスしません（シャドウ）。は外部スコープで利用できます。

あなたのエラーを修正するコールバックパラメータからtargetを削除する：

var junk = setTimeout(function(/* remove target from here */) { 
    target.toggleClass('gas'); 
}, 1000); 

それともたい場合は、明示的にそれを渡すことができますが、それはその既に利用以来、冗長になる：母

var junk = setTimeout(function(target) { 
    target.toggleClass('gas'); 
}, 1000, target); // <--- you can pass the target along here