2009-11-02 57 views
1

我創建了一個可排序列表和一個可拖動項目來添加新項目。jquery draggable to sortable

我有一個刪除按鈕,當我從可拖動的項目中添加新項目時,我想使其可見。

如何連接事件?

這是從draggable拖動到可排序的元素。

<a id="btn" class="ContentItemSelect" > 
    <span title="Remove" class="ContentItemRemove" id="Remove"></span> 
</a> 

回答

0

我們真的需要更多的標記和相關的JavaScript來給出一個有用的答案,但一般你只是組裝所需的HTML並將它添加到您所創建的項目。

雖然有一個快速的附加說明 - 您使用的是可疑的通用標識。你知道每頁只能有一個唯一的ID,所以一旦你添加了一個ID爲'btn'的單個元素和一個ID爲'remove'的跨度,你就不能再添加相同的元素ID到其他拖動的元素?

1

Sortable包含一個名爲receive的選項,它允許您定義一個函數,當添加一個項目時將調用該函數。

假設你正在試圖做的是取消隱藏跨度,你可以做如下的事情。如果這不是你的意圖,應該很清楚如何將它轉移到另一個用例。

$("#sortable").sortable({ 
    receive: function(event, ui) { 
     $("#" + $(ui.item).attr("id")).find(".ContentItemRemove").show(); 
    } 
}); 

我不完全確信$(「#」 + $(ui.item).attr(「ID」))的一部分,因爲它似乎過於複雜和明顯假設你添加任何對象有一個唯一的ID(無論如何它都應該,但仍值得一提)。它在我得到的一段舊代碼中運行良好,但我猜它可以被簡化。