Có thể sắp xếp w/Văn bản có thể chọn

Question

Có thể có các thành phần có thể sắp xếp, nhưng vẫn cho phép người dùng sao chép/dán văn bản bên trong các phần tử?

<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> 

tôi có thể dễ dàng làm:

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

này sẽ cho phép tôi để chọn văn bản trong trình duyệt và copy/paste nếu tôi muốn. Tuy nhiên, điều này cũng làm cho nó để người đó không thể kéo/thả. Vì vậy, tôi nghĩ rằng những gì tôi muốn là bắt đầu với việc hủy bỏ nhưng nếu con chuột đi một khoảng cách nhất định bên ngoài container, sau đó các phân loại giả không còn bị hủy bỏ. Điều đó có ý nghĩa? Nếu không thể, tùy chọn cuối cùng của tôi là áp dụng trình kích hoạt chuyển đổi vùng chứa giữa có thể sắp xếp và không thể sắp xếp để họ có thể chọn văn bản nhưng tôi muốn giảm thiểu tối đa số lần nhấp chuột.

Answer 1

Điều gì về việc đặt văn bản của bạn trong một <span>?

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" 
}); 

Hãy thử nó ở đây: http://jsfiddle.net/6uXx8/

Answer 2

Thử thêm handle. Ý tưởng là bạn chỉ có thể bắt đầu kéo mục từ tay cầm, ví dụ như biểu tượng bên trong phần tử.