私はjQueryに比較的慣れていないので、初歩的な質問をしていたら申し訳ありませんが、イベントのトリガーに問題があります。現在、ユーザーが表示ウィンドウ (固定 div) 内の任意の方向に画像をパンできる、一種の画像パンニング ツールを設計しようとしています。マウスを押し下げると、関数はいくつかの計算を実行し始め、マウスを動かすと、値を
$(this).css('background-position', both);
ここで、両方が新しく計算された位置です。
この時点までは機能しますが、mousemove
イベントからのリリースに問題があります。最初のマウスダウンとマウス移動の後、マウスアップでパンを解除できないようで、ユーザーはクリックせずに画像をパンできます。
基本的なスケルトンは次の#test
とおりです (表示 div を参照)。
$("#test").mousedown( function(e) {
/* Various Calculations*/
$(this).mousemove( function(f) {
/* More Calculations, variable 'both' is assigned new coord value */
$(this).css('background-position', both);
});
});
いろいろな場所でイベントをつけてみたのmouseup
ですが、どこがいいのか、どうやってリリースすればいいのかよくわかりません。どんな助けでも大歓迎です!