我創建了一個可排序列表和一個可拖動項目來添加新項目。jquery draggable to sortable
我有一個刪除按鈕,當我從可拖動的項目中添加新項目時,我想使其可見。
如何連接事件?
這是從draggable拖動到可排序的元素。
<a id="btn" class="ContentItemSelect" >
<span title="Remove" class="ContentItemRemove" id="Remove"></span>
</a>
我創建了一個可排序列表和一個可拖動項目來添加新項目。jquery draggable to sortable
我有一個刪除按鈕,當我從可拖動的項目中添加新項目時,我想使其可見。
如何連接事件?
這是從draggable拖動到可排序的元素。
<a id="btn" class="ContentItemSelect" >
<span title="Remove" class="ContentItemRemove" id="Remove"></span>
</a>
我們真的需要更多的標記和相關的JavaScript來給出一個有用的答案,但一般你只是組裝所需的HTML並將它添加到您所創建的項目。
雖然有一個快速的附加說明 - 您使用的是可疑的通用標識。你知道每頁只能有一個唯一的ID,所以一旦你添加了一個ID爲'btn'的單個元素和一個ID爲'remove'的跨度,你就不能再添加相同的元素ID到其他拖動的元素?
Sortable包含一個名爲receive的選項,它允許您定義一個函數,當添加一個項目時將調用該函數。
假設你正在試圖做的是取消隱藏跨度,你可以做如下的事情。如果這不是你的意圖,應該很清楚如何將它轉移到另一個用例。
$("#sortable").sortable({
receive: function(event, ui) {
$("#" + $(ui.item).attr("id")).find(".ContentItemRemove").show();
}
});
我不完全確信$(「#」 + $(ui.item).attr(「ID」))的一部分,因爲它似乎過於複雜和明顯假設你添加任何對象有一個唯一的ID(無論如何它都應該,但仍值得一提)。它在我得到的一段舊代碼中運行良好,但我猜它可以被簡化。