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 设置得很高，以确保这不是问题。我也尝试制作#draggable-images没有滚动条的 div，它也不起作用。

似乎在jQuery 的网站上就像一个魅力，无法弄清楚我错过了什么。

4

3 回答 3

10 
$('images').draggable({ appendTo: 'body' });
于 2012-12-20T22:40:00.023 回答
1

overflow-x:hidden从中删除#draggable-images。我也面临类似的问题。

于 2013-10-01T09:15:24.110 回答
0
  • 检查你的 HTML，它有问题
  • 删除父级的溢出样式
  • z 指数？需要吗？

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

于 2012-03-08T00:00:17.063 回答