1

アプリケーションでソート可能なjqueryUIを使用しているため、次の問題が発生します。

jsFiddle

このフィドルでわかるように、スクロールバーをクリックするsortableと、アイテムがドラッグされ、ドロップする方法がありません。

私がやりたいのは、スクロール時に要素がドラッグされないようにすることです。私がやっていることは、ソート可能な要素のイベントを検索し、スクロールを防止しようとしますが、これは私が望むようには機能しません。

どんな助けでもいただければ幸いです。

4

1 に答える 1

2

ハンドルとして定義する幅と高さを100％のinner-divを作成できます。このように、要素は引き続きドラッグ可能ですが、スクロールバーにはありません。要求どおりにスクロール要素のドラッグを無効にすることはありませんが、とにかく役立つことを願っています。

更新されたフィドル

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%;
}
于 2013-01-22T14:10:23.333 に答える