我在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>
我感谢任何指导!
您是否在多个浏览器中对此进行了测试?在我看来,这听起来像是IE的问题。也许在CSS的.drag类中添加较大的Z-Index值会有所帮助。
我所要做的就是添加克隆助手,然后我拖动的任何内容都可以逃脱其父容器。这就是我更新拖线的方式,现在可以使用:
$('.drag').draggable({ revert: true,helper: 'clone' });}
现在我一辈子,我现在不知道可滴液的滴滴滴滴了吧:)