Sortable w/Seçilebilir Metin

Question

Sıralanabilir elemanlara sahip olmak mümkün mü, ancak kullanıcıların metinleri elemanların içine kopyalayıp yapıştırmasına izin vermek mümkün mü? Kolayca can

<div class="sortable"> 
    <div class="pseudo-sortable">Foo</div> 
    <div class="pseudo-sortable">Bar</div> 
    <div>other stuff that i don't care if a user 
     can't copy (maybe images or buttoms)</div> 
</div> 

yapın:

$('.sortable').sortable({cancel: '.pseudo-sortable'}); 

Bu İstersem beni tarayıcı ve kopyala/yapıştır metni seçmek için izin verecektir. Ancak, bu aynı zamanda kişinin sürükleyememesine/düşmemesine de neden olur. Bu yüzden bence ne istediğimi iptalle başlamak ama eğer fare konteynerin dışında belli bir mesafeye giderse, o zaman pseudo-sortables artık iptal edilmiyor. bu mantıklı mı?

Bu mümkün değilse, son seçeneğim, metni seçebilsinler diye, sıralı ve düzenlenemeyen sıralar arasında geçiş yapan bir tetikleyici uygulamak olurdu, ancak ui tıklamaları en aza indirmeyi tercih ederim.

Answer 1

Metninizi bir <span> içine koymaya ne dersiniz?

HTML

<ul id="sortable"> 
    <li><span>Item 1</span></li> 
    <li><span>Item 2</span></li> 
    <li><span>Item 3</span></li> 
    <li><span>Item 4</span></li> 
    <li><span>Item 5</span></li> 
    <li><span>Item 6</span></li> 
    <li><span>Item 7</span></li> 
</ul> 

jQuery

$("#sortable").sortable({ 
    revert: true, 
    cancel: "#sortable li span" 
}); 

Burada deneyin: http://jsfiddle.net/6uXx8/

Answer 2

handle eklemeye çalışın. Buradaki fikir, yalnızca öğeyi tutamaçtan sürüklemeye başlayabilmenizdir, örneğin öğenin içindeki bir simge olabilir.