3

次のような非常に単純な画像マネージャーがあります。

<div id="container">

    <div id="draggable-images">
        <img class="images" src="image1.jpg" />
        <img class="images" src="image2.jpg" />
        <img class="images" src="image3.jpg" />
    </div>

    <div id="droppable-area>
    </div>

</div>

そしてそれと一緒に行くjQuery：

        $( ".images" ).draggable({ containment: "#container" });
        $( "#droppable-area" ).droppable();

そして、これはCSSです：

#draggable-images {
    overflow:scroll;
    overflow-x:hidden;
}

.images {
    z-index:10000;
}

画像はドラッグ可能ですが、コンテインメントがどのように設定されていても (ウィンドウに設定しようとしても)、親 div からは出てきません。

誰かがそれを機能させる方法を知っていますか、またはなぜ機能しないのですか?

それが問題ではないことを確認するために、z-index を高く設定しました。スクロールバーなしでdivを作成しようとし#draggable-imagesましたが、うまくいきませんでした。

jQueryのサイトで魅力的に機能しているようですが、何が欠けているのかわかりません。

4

3 に答える 3

10 
$('images').draggable({ appendTo: 'body' });
于 2012-12-20T22:40:00.023 に答える
0
  • HTML を確認してください。何か問題があります
  • 親のオーバーフロー スタイルを削除します
  • z-index? 必要ですか？

http://jsfiddle.net/LRj9T/1/

于 2012-03-08T00:00:17.063 に答える