Question

我正在创建一个使用this link的拖放式Web应用程序，我有许多可以在舞台上拖动的图像。

这是我的布局：

+----------------------------------------------------+
|                                                    |
|                                                    |
|                                                    |
|                                                    |
|            STAGE DROP AREA                         |
|                                                    |
|                                                    |
|                                                    |
|                                                    |
+----------------------------------------------------+

+----------------------------------------------------+
|  +------+  +------+  +------+  +------+  +------+  |
|< |IMG A |  |IMG B |  |IMG C |  |IMG D |  |IMG E | >|
|  +------+  +------+  +------+  +------+  +------+  |
+----------------------------------------------------+

拖放代码正在运行，但我现在的问题是当我添加jCarousel类（css）时，图像A..N不可拖动。我使用JCarousel从左到右导航图像（如果我有超过5个图像）。

每次拖动图像时，图像都隐藏/消失。我认为overflow:hidden课程中的问题是.jcarousel。

是否可以忽略每个图片中的父版面.jcarousel或overflow:hidden？

的.aspx

<div class="jcarousel">  
        <ul>
            <li> <asp:Image ID="ImageA" runat="server" ImageUrl="~/Image/Image.png" CssClass="Drag"/></li>
            <li> <asp:Image ID="ImageB" runat="server" ImageUrl="~/Image/Image.png" CssClass="Drag"/></li>
            <li> <asp:Image ID="ImageC" runat="server" ImageUrl="~/Image/Image.png" CssClass="Drag"/></li>
        </ul>
</div>

CSS文件

 .jcarousel {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}

.jcarousel ul {
width: 20000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}

.jcarousel li {
float: left;
}

Answer 1

发布.draggable代码后，我可以发布更具体的答案，但也许这会有所帮助。以下是.draggable电话示例。不要担心，如果你的内容不像那样完全，你唯一应该添加的就是appendTo: "body"行

$(".draggable").draggable({
        revert : true,
        helper: "clone",
        opacity: 0.7, 
        zIndex: 999,
        appendTo: "body",
        drag : function() {
        }
    });

再次..只在代码中添加appendTo: "body"行。这将使您的可拖动物品与身体“相对”，而不是一旦他们被拖走，旋转木马就再这样了。

如何删除溢出：隐藏在特定对象上

1 个答案: