0

こんにちは皆さん、私は Javascript と Jquery の初心者です。まず、#imag_4 などの ID が指定された画像があり、これを関数 imageDrag() 内のクリック関数で保持しています。画像をクリックすると、画像が dragMe() 関数に渡され、そこに渡されます。私は pageX と pageY を適用します。pagex と pagey の値を取得していますが、マウスの動きに合わせて画像が移動しません... 以下はコードです

function imageDrag(){
   var imageDragged = null;

   $('.flexslider .slides #listid_4 #imag_4').on('click', function (e) {
      event.stopPropagation();
      if (imageDragged === null) {
         imageDragged = $(this);
            console.log(imageDragged);
         drag(imageDragged);
      }
   });
}

Jquery UI のドラッグ可能な機能があることは知っていますが、そのメソッドを使用したくありません。以下は私のdragMe関数です..

function dragMe(imageDragged) {
   $(this).on('mousemove', function (e) {  
      imageDragged.css({
         left: e.pageX,
         top: e.pageY
      });
   });
}
4

1 に答える 1

1

dragまず、関数を定義しているのに対し、関数を呼び出していますdragMe。

click第二に、文字通りマウスボタンでクリックすると、つまりマウスを押してから離すと、jqueryが呼び出されます。このドラッグ開始イベントをキャッチするには、「mousedown」イベントを使用する必要があります。

最後mousereleaseに、イベントを処理して要素のドラッグを停止する必要があります。

ここでは、スパン要素の例に変更および簡略化されています

于 2013-05-25T09:27:17.617 に答える