javascript - 可排序面板,从其中的某些元素中删除可拖动功能

标签 javascript jquery jquery-ui

我有一个 jQuery UI 可排序列表,其中包含多个面板。

不幸的是,由于可拖动功能,无法突出显示/复制这些面板中的任何文本。

因此,我只需要面板的标题(当然是绿色条)可拖动,并且面板主体不包含此功能。

example

有人有这方面的经验吗?

当前代码是开箱即用的标准:

$('.ui-dropzone').sortable({
    connectWith: ".ui-dropzone",
    placeholder: "ui-state-highlight"
})

最佳答案

使用handle option定义可用于拖动的选择器

$( ".selector" ).sortable({
  handle: ".handle"
});

关于javascript - 可排序面板,从其中的某些元素中删除可拖动功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37580462/

相关文章:

javascript - 是什么导致了灰色线?

javascript - 在 iframe 之外显示弹出框?

javascript - 迭代 jQuery 格式化 JSON 不正确

ajax - 如何更改ajax字符集?

javascript - jquery droppable 在放置后添加 css

javascript - 扩展 jQuery UI 方法

javascript - jQuery/JavaScript 在循环中分配点击事件(闭包?)

javascript - JQuery 数组,通过变量访问?

Jquery - 将div内容复制到剪贴板

javascript - 按元素 ID 分配工具提示