涉及手风琴窗格的拖放 (VB/ASP)答案

【问题标题】：Drag & Drop involving accordion panes (VB/ASP)涉及手风琴窗格的拖放 (VB/ASP)
【发布时间】：2009-05-20 02:07:15
【问题描述】：

我在 ASP 3.5 中有一个手风琴控件，带有多个手风琴窗格。为简单起见，我将只关注一个窗格，因为问题是特定于窗格的。使用 JQuery，我创建了一个可拖动函数并将其应用于我的 .drag CSS 类。在 Page_Load 上，除了图像之外，我还创建了一堆图像对象并将该类分配给它们。加载页面后，我可以按预期拖动所有图像。然而，我不能做的是将这些图像拖到创建它们的手风琴面板之外！有办法解决吗？我尝试使用它，但无济于事：

<script type="text/javascript">
    $(function () {
        $(".drag").draggable({ containment: 'document' });
    });
</script>

在实际的 aspx 页面中是否有我应该关注的内容？我将图像添加到手风琴窗格中的面板中，它看起来像这样：

<ajaxToolkit:AccordionPane id="AccordionPane1" runat="server">
    <Header> Chassis</Header>
    <Content>
        <asp:Panel ID="ChassisPanel" runat="server">
        </asp:Panel>
    </Content>
</ajaxToolkit:AccordionPane>

感谢任何指导！

【问题讨论】：

标签： asp.net jquery drag-and-drop accordion

【解决方案1】：

您是否在多个浏览器中对此进行了测试？对我来说听起来像是我在使用 IE 时遇到的问题。也许在 CSS 中为 .drag 类添加一个大的 Z-Index 值会有所帮助。

【讨论】：

我试了一下，添加了各种 zindex 值，但没有骰子。我的可拖动对象仍然被困在手风琴窗格中！看看mobiuspc.com/Configurator.aspx 看看我的意思...

【解决方案2】：

我所要做的就是添加克隆助手，然后我拖动的任何东西都可以逃脱它的父容器。这就是我更新拖线的方式，现在它可以工作了：

 $('.drag').draggable({ revert: true,helper: 'clone' });}

现在我这辈子都想不出可丢弃的部分:)

【讨论】：