7

私は順序付けられていないリストを持っており、jquery ui draggable を使用して各リスト項目にドラッグ可能な機能を追加しました。リストは id="content" の div 内にあります。これが私のULリストのスナップショットです

ここに画像の説明を入力

ここに私が書いたコードがあります：

 <script src="../../jquery-1.8.0.js"></script>
<script src="../../ui/jquery.ui.core.js"></script>
<script src="../../ui/jquery.ui.widget.js"></script>
<script src="../../ui/jquery.ui.mouse.js"></script>
<script src="../../ui/jquery.ui.draggable.js"></script>
 <script type="text/javascript">
$(function() {
    $( ".draggable" ).draggable({ 
        scroll: true,
        scrollSensitivity: 100,
        revert: true,
        containment: '#content',
        zIndex: 999990,
        revertDuration: 100,
        delay: 100 
    });
});
</script>
<div style="width:200px;height:300px;overflow:auto;" id="content">
    <ul>
    <li class="draggable">One</li>
    <li class="draggable">Two</li>
    <li class="draggable">Three</li>
    <li class="draggable">Four</li>
    <li class="draggable">five</li>
    <li class="draggable">six</li>
    <li class="draggable">Seven</li>
    <li class="draggable">Eight</li>
    <li class="draggable">Nine</li>
    <li class="draggable">Ten</li>
    <li class="draggable">Eleven</li>
    <li class="draggable">Twelve</li>
    <li class="draggable">Thirteen</li>
    <li class="draggable">Fourteen</li>
    <li class="draggable">Fifteen</li>
    <li class="draggable">Sixteen</li>
    <li class="draggable">Seventeen</li>
    <li class="draggable">Eighteen</li>
    <li class="draggable">Nineteen</li>
    <li class="draggable">Twenty</li>
      </ul>
 </div>

私がやりたいことは、コンテナー内のリスト項目をドラッグしているとき (つまり、id="content" の div)、マウスが div の境界線またはサイズの端にあるときに、コンテナーもスクロールして、コンテナ内で上下に動く可能性があります。

たとえば、リストの最後のリスト項目をリストの最初にドラッグしたい場合、マウスが div エッジの上端にあるとき、コンテナー (この場合は div) も自動的にスクロールする必要があります。これは jquery ui のドラッグ可能なバグですか? 助けてください

4

1 に答える 1

1

jQuery 1.7.2 にダウングレードしてみてください

(まだ 1.8 では動作しないと思います。jQuery UI をダウンロードすると、互換性のある最新バージョンが rar 内にあります)

于 2012-09-12T14:54:23.177 に答える