为什么我在jquery中的拖拽不起作用？

Question

我做了一些jQuery拖拽的样本

http://jsbin.com/ehuke4/6/edit

当我向右拖动时，一切正常

但当我向左拖动时，它停止了

我想是因为我不在这个项目里了。

我怎么才能修复它？

附言:您可以将其保存在编辑器中。

Answer 1

更新： Updated your JSBin进行了相当多的更改以使其正常工作。您需要检测'document‘上的mouseup、mousedown和mousemove事件，并使用第二个布尔值来检查框是否被持有。希望这能有所帮助。

此外，我喜欢Threedubmedia在拖放交互性方面所做的工作。如果你愿意，可以查看Go here的基本示例。我在我的一些项目中使用了他们的库。我认为他们的基本示例对你特别有用的地方是:当我点击并拖动你的框时，它的位置不会相对于你抓取它的位置进行拖动。他们的例子将有助于纠正这一点。

Answer 2

My version。

我还将其中一些事件绑定到文档，但我没有使用布尔值，而是分别在鼠标按下或向上移动时设置和取消设置处理程序。这样，当你没有实际拖动的时候，就不会调用mousemove事件，这应该会对性能更好。