私は JavaScript と jQuery に非常に慣れていないので、少しコードに問題があります。
HTML:
<div class="toggle" style="display: block; width: 200px; height: 200px; background-color: red;">test</div>
JavaScript:
jQuery(document).ready(
function()
{
jQuery(".toggle").on("click", function() {
console.log("let the toggling begin!");
jQuery(this).slideToggle(600, function(){ // slide up
setTimeout(function(){ // wait 4 sec, then slide back down
jQuery(this).slideToggle(600)
}, 4000);
});
});
}
);
つまり、div をクリックすると、上にスライドし、4 秒後に下にスライドします。うまくいきません。
JSFIDDLE: http://jsfiddle.net/zEqN9/2/
ただし、this
各クロージャーの内部を に変更すると".toggle"
、機能します。
JSFIDDLE: http://jsfiddle.net/YZxMb/
明らかに問題は私の使用ですthis
。
this
2 つのクロージャー関数のそれぞれにパラメーターとして渡そうとしましたが、エラーが発生しましたUnexpected token this
。
this
内部関数から変数にアクセスするにはどうすればよいですか?