0

https://github.com/jcubic/jquery.splitterのjQuerySplitterプラグインを使用しています。スプリッターは正常に動作します。スプリッターのドラッグを停止したらすぐにイベントを発生させる方法を知る必要があります。バックエンドで新しいスプリッターの左側の位置を保持し、次回使用する必要があります。

mouseup、mousemoveイベントが期待どおりに機能していません。以下は私が試した方法です。スプリッターをドラッグせずにマウスをクリックした場合にのみ機能します（同じ位置でマウスをクリックします）。スプリッターをドラッグすると、これは機能しません。

      jQuery('.vspliter').on("mouseup", function (e) {
            alert('Mouse is released now');
                    // call ajax function over here
      });

さらに情報が必要な場合はお知らせください。

4

2 に答える 2

1

ドラッグを検出することで、以下のコードを使用してこれを解決できます。

       var isDragging = false;
       jQuery('.spliter_panel').mousedown(function() {
           jQuery('.spliter_panel').mousemove(function() {
               isDragging = true;
               jQuery('.spliter_panel').unbind("mousemove");
           });
       });
       jQuery('.spliter_panel').mouseup(function() {
           var wasDragging = isDragging;
           isDragging = false;
           jQuery('.spliter_panel').unbind("mousemove");
           if (wasDragging) {
                //Call Ajax method
           }
       });
于 2012-10-19T08:53:26.070 に答える
0

onDragStart、onDragEnd、onDragのスプリッターサーフェスハンドラーの設定はすでに行われているため、次の方法で位置情報を取得できました。

 $('.MySplitter').split({
     orientation: 'vertical',
     limit: 10,
     onDragEnd: getSplitterLocation
 });

 function getSplitterLocation(e) {
     console.log(e);  // jQuery.Event
 }

たぶん、これは元の質問が提起された後にスプリッターに追加されました...

于 2014-11-05T19:30:52.363 に答える