2012-10-18 4 views
0

https://github.com/jcubic/jquery.splitter에서 jQuery Splitter 플러그인을 사용하고 있습니다. 분배기가 잘 작동합니다. 나는 스플리터의 드래그를 중지하자마자 어떤 이벤트를 어떻게 할 수 있는지 알아야합니다. 백엔드에서 새로운 스플리터 왼쪽 위치를 유지하고 다음 번에 사용해야합니다.jQuery Splitter 끌기가 멈 추면 이벤트가 발생합니다.

mouseup, mousemove 이벤트가 원하는대로 작동하지 않습니다. 아래는 제가 시도한 방법입니다. 마우스를 스플리터에서 드래그하지 않고 마우스를 클릭 할 때만 작동합니다 (동일한 위치에서 마우스 클릭). 일단 스플리터를 드래그하면 작동하지 않습니다.

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

더 많은 정보가 필요하면 알려주세요. 내가 드래그 감지하여이 코드 아래 사용을 해결할 수 있어요

답변

1

: 이미 onDragStart, onDragEnd 및 onDrag에 대한 스프리터 표면 처리기에 대한

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

설정, 그래서 나는 것만으로 위치 정보를 얻을 수있었습니다 : 원래의 질문이 제기 된 후 어쩌면이 분리기에 추가 된

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

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

...