Question

我有一个非常简单的图像管理器，如下所示：

<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中出来。（/ p>

有谁知道如何使其发挥作用，或者为什么它不起作用？

我已将z-index设置为高，以确保不是问题。我也尝试在没有滚动条的情况下制作#draggable-images div，它也没有用。

似乎像jQuery's site上的魅力一样工作，无法想象我错过了什么。

Answer 1

$('images').draggable({ appendTo: 'body' });

Answer 2

从overflow-x:hidden移除#draggable-images。我也遇到过类似的问题。

Answer 3

检查你的HTML，它出了什么问题
删除父
z索引？需要的？

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

jQuery Draggable包含问题，无法拖动父div之外的元素

3 个答案: