Drag & Drop с аккордеонными панелями (VB / ASP) - PullRequest
Новая
       10

Drag & Drop с аккордеонными панелями (VB / ASP)

0 голосов
/ 20 мая 2009

У меня есть управление аккордеоном в 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>

Я ценю любое руководство!

Ответы [ 2 ]

0 голосов
/ 24 мая 2009

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

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

Теперь за жизнь, которую я, я не могу понять, о том, что можно бросить:)

0 голосов
/ 20 мая 2009

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

...