2

全て

内側のスクロール バーをスクロールしようとするまでは正常に動作する次のコードがあります。

<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

この問題を解決する方法がわかりません

ありがとう！

4

1 に答える 1

2

理解した！

少しドキュメントを調べて、sortable() の「キャンセル」オプションにぶつかりました。

"div" 要素などのラッパーを追加し、その代わりにその overflow:scroll を作成すると、次のようにキャンセル セレクターとして同じ div を使用できます。

$(".meh").each(function(){
    $(this).sortable({cancel: ".scrollable"});
});
于 2012-08-14T20:04:19.767 に答える