2012-02-17 81 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'