jQueryUI的排序失敗，滾動

Question

我使用jQueryUI的在我的應用可排序的，所以我有以下問題：

jsFiddle

正如你可以在這個小提琴看到當你點擊滾動條sortable項目被拖有沒有辦法放棄它。

我想要做的是防止拖動元素時滾動。我只是搜索可排序元素的事件，並嘗試防止滾動，但這不起作用，因爲我想。

任何幫助，將不勝感激。

Answer 1

您可以創建一個寬度和高度均爲100％的內部div，您可以將其定義爲句柄。這種方式元素仍然是可拖動的，但不在滾動條上。 它不會禁用拖動的滾動元素，但您希望它可以幫助您。

updated fiddle

HTML：

<div id="foo"> 
    <div id="bar" class="bar"> 
     <div class="innerBar"></div> 
    </div> 
    <div id="bar2" class="bar"> 
     <div class="innerBar"></div> 
    </div> 
</div> 

JS：

$("#foo").sortable({handle: '.innerBar'}); 

CSS：

#foo div.bar { 
    width: 100px; 
    height:100px; 
    float: left; 
    background: red; 
    margin: 10px; 
} 

#bar { 
    height: 200px; 
    overflow-y: scroll; 
} 

.innerBar { 
    width: 100%; 
    height: 100%; 
}