Question

我正在使用来自https://github.com/jcubic/jquery.splitter的jQuery Splitter插件。拆分器工作正常。我需要知道一旦停止分离器的拖动，我怎么能解除一些事件。我需要在后端保留新的分离器左侧位置并在下次使用它。

mouseup，mousemove事件无法正常工作。以下是我尝试过的方法。它仅适用于在分割器上单击鼠标而不拖动鼠标时（鼠标单击相同位置）。拖动拆分器后，这不起作用。

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

如果需要更多信息，请与我们联系。

Answer 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
           }
       });

Answer 2

onDragStart，onDragEnd和onDrag的分割器表面处理程序的设置已经完成，所以我只能通过以下方式获取位置信息：

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

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

在提出原始问题之后，也许这已被添加到拆分器中了......

jQuery Splitter拖动停止时的fire事件

2 个答案: