jQuery的UI嵌套可排序和滾動

Question

所有

我有下面的代碼，直到你嘗試內滾動條上滾動的正常工作：

<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

我不知道如何解決這個問題

謝謝！

Answer 1

想通了！

通過一些文檔，碰到sortable（）的「取消」選項。

如果添加的包裝，如「格」元素，使溢出：代替滾動，你可以使用同一個div爲您取消選擇，如下：

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