如何允许 jQuery 列表 DragSort 元素上的文本选择

Question

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

我 select 编辑了列表区域以使用 span 拖动我的 p 元素，其中 class;

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

.

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

我查看了插件源代码，发现 z-index 是 999.Took a screenshot.You can also take a look source code from here。我在 css 中使用 z-index:1000; 作为我的元素，但它不起作用。

解决方法是什么？

Answer 1

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

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

How to permit text selection on jQuery List DragSort elements