Question

我在ASP 3.5中有一个手风琴控制，有多个手风琴窗格。为简单起见，我将只关注一个窗格，因为问题是特定于窗格的。使用JQuery，我创建了一个可拖动的函数并将其应用于我的.drag cssclass。在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>

我感谢任何指导！

Answer 1

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

Answer 2

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

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

现在终生我，我无法弄清楚掉落的位：）

拖拽涉及手风琴窗格的掉落（VB / ASP）

2 个答案: