Drag & Drop с участием аккордеонных панелей (VB/ASP)

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

Все, что мне нужно было сделать, это добавить клон-помощник, тогда все, что я перетаскиваю, может покинуть его родительский контейнер. Это, как я обновил свою перетащить линию и теперь он работает:

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

Теперь для жизни я меня не может понять, сбрасываемые немного :)

Answer 2

Вы тестировали это в нескольких браузерах? Звучит для меня как проблема с IE. Возможно, добавление большого значения Z-индекса в ваш .drag-класс в CSS поможет.