JQuery：マウスオーバーでアニメーションループを停止するにはどうすればいいですか？ （オブジェクト指向）

Question

スライドショーを表示するオブジェクトを定義しました。次に、レンダリングメソッドの単純化バージョンを示します。

私の問題は、startLoopメソッドで実行されているすべてのアニメーションを停止したいということです。しかし、私はそれを理解していない。

// Render display 
this.render = function() { 

    ... 
    MAKE HTML WITH SLIDESHOW 
    ... 

    // Start the loop 
    this.startLoop(); 

    // Stop on hover 
    $('#display' + this.id).hover(function() { 
     this.animate.stop(); // Doesn't work 
    }, function() { 
     // Here should continue the animation 
    }); 

} 

// Loop Slides 
this.startLoop = function() { 
    ... 
    ANIMATIONS HERE 
    ... 
} 

ありがとうございました。

Answer 1

私はついに答えました。あなたが呼び出している関数の範囲と関係しているので、$.proxyを使うべきです。

// Stop on hover 
$('#display' + this.id).hover($.proxy(this, 'stopAnimation')); 

$.proxy内部 thisはスコープ（私のオブジェクト）で

とstopAnimationがオブジェクトからメソッドです：

機能More information here.は次のように変更されました。

これは誰かを助けてくれることを願っています。ありがとう。

Answer 2

.hoverコールバック関数で「この」参照HTML要素ではなくjQueryオブジェクトは、あなたが「この」のためのjQueryオブジェクトを取得する必要があり、それは$（この）である必要があり、以下のショーとして：

// Stop on hover 
    $('#display' + this.id).hover(function() { 
     $(this).animate.stop(); // Doesn't work 
    }, function() { 
     // Here should continue the animation 
    });