jQuery拖动并关注鼠标

我正在尝试在中心创建一个带有拖动条的双列可滑动区域，请参阅此小提琴： http ： //jsfiddle.net/W7tGj/2/

我试图避免添加jQ-UI到混合，所以任何帮助将不胜感激。 我觉得我错过了一些简单的事情。

Answer 1

首先： – 添加容器div以检查mousemove

 
f
 
f
 
f
  

第二： – 将mousemove事件添加到div容器中

 var movebar = false; $('#drag-bar').mousedown(function(e){ movebar = true; }); $('#drag-bar').mouseup(function(e){ movebar = false; }); $('#content-div').mousemove(function(e){ if(movebar) { var x = e.pageX; $('#left-panel').css({'width': x+'px'}); $('#right-panel').css({'margin-left': (x+5)+'px'}); } }); 

Answer 2

试试这种方式， http：//jsfiddle.net/W7tGj/6/ ，虽然它仍然无法支持拖动，但它确实在鼠标停机时做了正确的事情