Wie man Textauswahl auf jQuery List erlaubt DragSort Elemente

Question

Ich benutze das dragsort Plugin für das Ziehen von Elementen, aber wenn ich das Plugin verwende, kann ich den Bereich nicht auswählen, in dem ich dragsort zum Ziehen verwende.

Ich habe den Listenbereich zum Ziehen meines Elements mit span mit der Drag-Klasse ausgewählt;

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

.

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

Ich sah Source-Plugin und sah, dass z-index ist 999.Took ein screenshot .Sie auch einen Blick Quellcode von here nehmen. Ich habe z-index:1000; für mein Element in meinem CSS verwendet, aber es hat nicht funktioniert.

Was ist die Lösung?

JSFIDDLE

Answer 1

Das Problem ist nicht über den z-index Wert des Elements.

Um Textauswahl mit diesem Plugin zu erlauben, sollten Sie die e.preventDefault(); im Quellcode (t.preventDefault(); in der verkleinerten Version) entfernen, die das Basisverhalten der Textauswahl im Browser beeinflusst. fiddle here