如何在 jQuery List DragSort 元素上允许文本选择答案

【问题标题】：How to permit text selection on jQuery List DragSort elements如何在 jQuery List DragSort 元素上允许文本选择
【发布时间】：2016-04-07 14:11:24
【问题描述】：

我正在使用dragsort插件拖动元素，但是当我使用该插件时，我无法选择使用dragsort进行拖动的区域。

我选择了列表区域来拖动我的 p 元素，其中 span 具有拖动类；

var newitem ='<p >'+'<span class="drag">DRAG|</span> '+ userList +'</p>';
$('#list').append(newitem);

$("#list").dragsort({  dragSelector: ".drag",});

我查看了插件源代码，发现 z-index 是 999。拿了一个 screenshot。您也可以查看 here 的源代码。我在我的 CSS 中使用 z-index:1000; 作为我的元素，但它不起作用。

解决办法是什么？

【问题讨论】：

【解决方案1】：

问题不在于元素的z-index 值。

要允许使用此插件进行文本选择，您应该删除源代码中的e.preventDefault();（缩小版中的t.preventDefault();），它会影响浏览器上文本选择的基本行为。 fiddle here

【讨论】：

谢谢你，我知道但我们可以让它工作而不给出位置吗？
不幸的是，这是不可能的。如果你不能给你的元素一个position 属性，也许你可以把它给他们的父亲？请注意，position: relative 通常对您的布局影响较小。
伙计，我给了他们职位，但无法使其工作。你能编辑我的小提琴吗？
你能告诉我你是如何添加它们的吗？你能否更详细地解释你想要的结果。我了解到您在选择和/或拖动使用 dragsort 创建的列表元素时遇到问题，但在您的小提琴上，我能够正确拖动元素。
在dragsort插件的缩小版中搜索t.preventDefault();并将其删除。我会更新答案。 fiddle here