如何使jQuery UI可排序div只能從圖標拖動？

Question

我已經使用了一些jQuery UI可排序插件，但我總是發現同樣的問題，我無法在可排序的DIV中選擇或單擊，所以，也許我可以通過從圖標中拖出所以你可以選擇其他部分。

如何做到這一點？

感謝

Answer 1

在每個可排序的項目中，包括任何你想要的作爲句柄。 （IE，img或span）。給予手柄元件類別名稱— handle可能是一個不錯的選擇。

在您的可排序構造函數中，將handle選擇器設置爲您提供給句柄的類。

$('#div').sortable({ 
    handle: '.handle', 
    cursor: 'move', 
    ... 
}); 

我也建議讓您的操作件的.handle { cursor:move; }風格，使用戶有一些跡象表明，抓住這將使他們能夠左右移動的項目。

Answer 2

The draggable handle。