動態更改停止事件中的句柄選項

Question

所有的，我知道如何使用Jquery UI中的handle可拖動和排序。而且我也知道我們可以在停止事件中修改拖動的項目html內容和CSS樣式。但我不知道是否有任何可能性動態添加句柄選擇器到停止事件中的拖動項目？請查看下面的代碼。謝謝。

$(".selector").draggable({ 
    connectToSortable : '.sortableDiv', 

    stop: function(event, ui) { 
     //do nothing 

    } 
}); 

$(".sortableDiv").sortable({ 
    stop:function(event,ui){ 
    $(ui.item).prependTo(
     $('<div>drag handler</div>').addClass('draghandler'));//append elements 
     //next I want to make the div.draghandler to be the drag handle . 

    } 
}); 

Answer 1

我找到了一個辦法。無論選擇器是否可以檢索任何元素，只需添加句柄選項即可。如果沒有找到任何元素，則沒有拖動的句柄。否則會起作用。請查看代碼。謝謝。

$(".sortableDiv").sortable({ 
    stop:function(event,ui){ 
    $(ui.item).prependTo(
     $('<div>drag handler</div>').addClass('draghandler'));//append elements 
     //next I want to make the div.draghandler to be the drag handle . 

    }, 
    handle:'div.draghangler' 
}); 

這意味着句柄選擇器可以在將來的元素上工作。