Drag & Drop impliquant des volets accordéon (VB/ASP)

Question

J'ai un contrôle d'accordéon dans ASP 3.5, avec plusieurs volets accordéon. Par souci de simplicité, je ne me concentrerai que sur un volet, car le problème est spécifique au volet. En utilisant JQuery, j'ai créé une fonction draggable et l'ai appliquée à mon .drag cssclass. Sur Page_Load, je crée un tas d'objets image et leur assigne cette classe, en plus d'une image. Une fois que je charge la page, je peux faire glisser toutes les images comme prévu. Ce que je ne peux pas faire, cependant, est de faire glisser ces images en dehors du panneau d'accordéon dans lequel elles ont été créées! Y a-t-il un moyen de contourner cela? J'ai essayé d'utiliser, mais en vain:

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

Y at-il quelque chose dans la page ASPX réelle que je devrais concentrer? J'ajouter les images à un panneau dans mon panneau d'accordéon, et il ressemble à ceci:

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

J'apprécie toute orientation!

Answer 1

Tout ce que je devais faire était d'ajouter l'assistant clone, puis tout ce que je fais glisser est capable d'échapper à son conteneur parent. Voilà comment je mis à jour ma ligne de glisser et maintenant il fonctionne:

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

Maintenant, pour la vie que je me Je ne peux pas comprendre le bit largable :)

Answer 2

Avez-vous testé cela dans plusieurs navigateurs? Cela me semble être un problème que j'ai eu avec IE. Peut-être que l'ajout d'une grande valeur d'index Z à votre classe .drag en CSS serait utile.