jquery-ui - jquery ui 可排序 - 单击滚动条会破坏它

标签 jquery-ui jquery-ui-sortable

滚动 .sortable() 内的 div当您释放滚动条时,容器将开始拖动 div

在 fiddle 中,有 3 个不同的排序,其中 1 个是滚动排序

http://jsfiddle.net/wnHWH/1/

Bug:点击滚动条向上或向下拖动滚动内容,当你松开鼠标时,div开始拖动,这使得它跟随你的鼠标移动,不刷新页面无法解开它。

最佳答案

您可以使用 .mousemove jquery的事件是这样的:

$('#sortable div').mousemove(function(e) {
    width = $(this).width();
    limit = width - 20;
    if(e.offsetX < width && e.offsetX > limit)
        $('#sortable').sortable("disable");
    else
        $('#sortable').sortable("enable");
});

我创建了在这里工作的 fiddle http://jsfiddle.net/aanred/FNzEF/ .希望它满足您的需求。

关于jquery-ui - jquery ui 可排序 - 单击滚动条会破坏它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13293197/

相关文章:

javascript - jQuery-UI 禁用某些元素的拖动

javascript - 如何编写一个让 jQuery UI slider 自动滑动的脚本?

javascript - 如何在将鼠标指针移到按钮上时显示更多信息?

jquery - 使用 Sortable 时悬停不会消失

jquery 取消特定句柄上的可排序

javascript - 如何更改 jquery ui 可排序返回值?

c# - javascript/jquery 模态弹出对话框 MVC 4/渲染部分 View

JQuery UI 可排序部分 (div),内部有可排序列表

Jquery UI 可排序,按钮不能用作句柄

javascript - jQuery-ui sortable - 在禁用可排序后再次启用可排序