jQuery的UI嵌套可排序和滚动

问题描述：

我有下面的代码，直到你尝试内滚动条上滚动的正常工作：

<ul class="meh"> 
      <li> 
       <a href="#">TEXT 1</a> 
       <ul class="meh"> 
        <li> 
         <a href="#">TEXT 1</a> 
        </li> 
        <li><a href="#">TEXT 2</a></li> 
        <li><a href="#">TEXT 3</a></li> 
        <li><a href="#">TEXT 4</a></li> 
        <li><a href="#">TEXT 5</a></li> 
        <li><a href="#">TEXT 6</a></li> 
        <li><a href="#">TEXT 7</a></li> 
        <li><a href="#">TEXT 8</a></li> 
        <li><a href="#">TEXT 9</a></li> 
        <li><a href="#">TEXT 10</a></li> 
       </ul> 
      </li> 
      <li><a href="#">TEXT 2</a></li> 
      <li><a href="#">TEXT 3</a></li> 
      <li><a href="#">TEXT 4</a></li> 
      <li><a href="#">TEXT 5</a></li> 
      <li><a href="#">TEXT 6</a></li> 
      <li><a href="#">TEXT 7</a></li> 
      <li><a href="#">TEXT 8</a></li> 
      <li><a href="#">TEXT 9</a></li> 
      <li><a href="#">TEXT 10</a></li> 
     </ul> 

     <script type="text/javascript"> 
      $(function(){ 
       $(".meh").sortable(); 
      }); 
     </script>

内UL会拖你后做滚动的可以看这里：

http://jsbin.com/isujuq/2

我不知道如何解决这个问题

谢谢！

我已经收窄向下一点。我现在知道它与嵌套可排序项目无关，但更多的是滚动似乎触发了可排序项目的拖动事件 – 2012-08-14 19:52:43

答

想通了！

通过一些文档，碰到sortable（）的“取消”选项。

如果添加的包装，如“格”元素，使溢出：代替滚动，你可以使用同一个div为您取消选择，如下：

$(".meh").each(function(){ 
    $(this).sortable({cancel: ".scrollable"}); 
});

jQuery的UI嵌套可排序和滚动

相关推荐