jQueryUI的连接排序列表拖

激活悬停我需要能够激活菜单上悬停，而我拖动排序的对象。这可能吗？

上下文：

我的影片被cssmenu，基本上采用列表项，并将其安排到一个干净的菜单结构提供动力的导航菜单。我想连接导航菜单中的列表，并能够使用jqueryui可排序连接列表重新排列元素。我可以让连接的列表单独工作（在cssmenu之外）以及特定列表的一个菜单内。问题是，当我尝试从一个菜单项拖到另一个菜单项时，下拉列表未激活。

您可以在这个小提琴中看到我可以在列表中对对象进行排序，但我无法激活下拉菜单将其拖动到另一个列表中（即从黄色列表拖动到蓝色列表或反之亦然）：

http://jsfiddle.net/9j5wyoLn/

HTML

<div id='cssmenu'> 
    <ul id='subNavElements'> 
    <li class='active has-sub'><a href='#'><span>About Us</span></a> 
     <ul id="sortable1" class="connectedSortable"> 
      <li class="">Item 1</li> 
      <li class="">Item 2</li> 
      <li class="">Item 3</li> 
      <li class="">Item 4</li> 
     </ul> 
    </li> 
    <li class='active has-sub'><a href='#'><span>Articles</span></a> 
     <ul id="sortable2" class="connectedSortable"> 
      <li class="">Article 1</li> 
      <li class="">Article 2</li> 
      <li class="">Article 3</li> 
      <li class="">Article 4</li> 
     </ul> 
    </li> 
    </ul> 
</div>

//make sortable 
$(document).ready(function() { 
    $("#sortable1, #sortable2").sortable({ 
     connectWith: ".connectedSortable" 
    }).disableSelection(); 

    });

个

CSS：在小提琴处理（太多下方显示）

来源

2015-04-23 user2755541

想通了......

我在一个名为“openSaysMe”出现哪些样式元素的CSS添加一个类。

#cssmenu .openSaysMe { 
     left: auto; 
     top: 34px; 
     opacity: 1; 
    }

然后我在项目正在排序时添加了类，一旦排序完成就把课程带走。

$("#sortable1, #sortable2, #sortable3").sortable({ 
     connectWith: ".connectedSortable", 
     sort: function(event, ui) { 
     $('#cssmenu ul ul').addClass('openSaysMe'); 
     }, 
     beforeStop: function(event, ui) { 
     $('#cssmenu ul ul').removeClass('openSaysMe'); 
     } 
    }).disableSelection();

这里有一个小提琴：http://jsfiddle.net/9j5wyoLn/2/

来源

2015-04-29 02:51:32 user2755541

jQueryUI的连接排序列表拖

回答

相关问题