2012-02-17 78 views
0

我有一個菜單系統,我將菜單項從一個類別拖放到另一個容器中。我正在使用可滾動的Jquery工具來一次顯示一個類別,允許我瀏覽類別。 jquery-scrollable基於溢出而工作,因此超出範圍的任何內容都被隱藏起來。很棒。我的問題是從可滾動的div拖動時,菜單項保持隱藏狀態。我搜索了網頁,並推薦以下內容,但沒有奏效。Jquery工具可滾動與JQuery UI可排序

$(".menu_item").mousedown(function(){$('#menu_item_1').appendTo('body')}); 

這樣做的問題是,一旦我拖MENU_ITEM,它放大到人體制造拖着有點難度的底部。一旦我成功地將物品拖到容器中就沒問題,除非我想將其拖回到我開始的位置。一旦我點擊它就會消失,因爲它現在被認爲是身體的一部分。我也試圖改變項目的z-索引無濟於事。有關如何解決這個問題的任何建議?

回答

0

想通了。 Jquery UI可排序具有以下功能。只需將它添加到可排序的init語句中即可。 appendTo和helper允許這個功能。傑出

$('.available_items').sortable 
    connectWith: '.menu_menu_items' 
    appendTo: 'body' 
    helper: 'clone'