2010-06-07 68 views
1

我正在使用jQuery UI;可拖動http://jqueryui.com/demos/draggable調用是這樣的:jQuery可拖動離開克隆html後面

$(document).ready(function(){ 

    $("#side_bar").sortable({ 
     revert: true 
    }); 

    $(".draggable").draggable({ 
           containment: 'parent', 
           hascroll: true, 
           handle: 'div.box_header', 
           scrollSensitivity: 100, 
           scrollSpeed: 100, 
           axis: 'y',         
           connectToSortable: '#side_bar',         
           helper: 'clone', 
           opacity: 0.35 
           }); }); 

你可以看到http://www.sarsclan.co.uk(右側酒吧區)的HTML結構。

它似乎創建一個transparant克隆作爲拖動,但是當你拖動它時,把可拖動的div放在正確的位置,但留下原始div在它的位置,只是將dom與原始div的克隆相加它的新地方。

+0

不客氣,很高興它解決了。 – 2010-06-07 13:53:57

+0

現在已解決,謝謝你的迴應。 – Titan 2010-06-07 13:58:00

回答

1

jqueryui上的演示可以顯示沒有額外的draggable調用,據我所見:http://jqueryui.com/demos/sortable/。您是否嘗試過撥打sortable電話?

編輯:我可以看到你的代碼類似於jqueryui網站上的「Draggable + Sortable」示例。但是,該示例始終克隆頂部的元素並將克隆插入可排序列表中,所以這不是您想要實現的。

+0

你是對的!我根本不需要拖動!我只是使用了一個可排序的調用,它正在盡我所能用可拖動的方式實現,謝謝! – Titan 2010-06-07 13:26:10

-1

你真的想要「幫手:'克隆'」嗎?如果你刪除它會發生什麼?

+1

如果我刪除幫助:克隆,則用戶在拖動時不會收到視覺反饋。另外,它似乎使拖動時,所有的地方跳div – Titan 2010-06-07 13:20:23