JQUERY可分類 - 檢測李項目鼠標懸停在另一個李在同一個列表

Question

我想知道如果任何人有任何想法如何檢測如果一個可分類的李項目被拖動時，是懸停在同一列表中的另一個李項目？我想檢測這個的原因是，如果一個li項目被放到另一個項目上，它將在已經被放置的li下創建一個子列表。

我已經嘗試了很多方法我的自我，但似乎無法得到正確的。任何幫助將非常感激。

謝謝！ 安迪

Answer 1

您可以將列表droppable內作出元素太：

$item.droppable({ 
    over: function (event, ui) { ... }, 
    out: function (event, ui) { ... }, 
    drop: function (event, ui) { ... }, 
    greedy: true, 
    hoverClass: 'highlight' 
}); 

$項目既可以在你的排序列表列表中的元素（例如，在UL李）或貴麗內的某些元素，像div，可以避免意外的懸停檢測。當您的可排序元素中的拖動元素進出可拖放元素時，將觸發事件。掉落可能是你想要的最有用的東西。

Answer 2

我也有類似的問題，你的，我已經找到了解決辦法在這裏：http://a.shinynew.me/post/4641524290/jquery-ui-nested-sortables 的想法是，當位於另立項目你不檢測，但您使用可排序connectWith

<div id="example5"> 
<ul> 
    <li >Item 1 
     <ul> 
      <li >Item 1 1<ul></ul></li> 
      <li >Item 1 2<ul></ul></li> 
      <li >Item 1 3<ul></ul></li> 
     </ul> 
    </li> 
    <li >Item 2<ul></ul></li> 
    <li >Item 3<ul></ul></li> 
    <li >Item 4<ul></ul></li> 
</ul> 

和javascript：

$("#example5 ul").sortable({ 
      connectWith: "#example5 ul", 
      placeholder: "ui-state-highlight"});