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的連接排序列表拖

回答

相關問題