jQuery: draggable se connecte à un fichier triable. L'élément draggable a un DOM différent de la liste triable
Je suis maintenant en mesure de faire glisser un élément vers un sortable. Mais la liste triable a un autre DOM.
<!-- The draggable items. Has the "original" DOM in the LI tags. -->
<ul class="draggable_text">
<li><span>DRAG THIS A</span></li>
<li><span>DRAG THIS B</span></li>
</ul>
<!-- This list has a different DOM in the LI tags -->
<ul id="stagerows">
<li><p>This is a new DOM dragged from "DRAG THIS A"</p></li>
<li><p>This is a new DOM dragged from "DRAG THIS B"</p></li>
</ul>
$(document).ready(function() {
$('.draggable_text > li').draggable({
//helper:'clone',
helper: function(event, ui) {
return '<div style="width: 100px; height: 50px; border: 1px solid #000; background-color: #fff;">xxx</div>';
},
connectToSortable:'#stagerows'
});
$('#stagerows').sortable({
handle: '.drag_handle'
});
});
L'aide a ceci:
xxx
Ce doit être déposé dans la sortable...
Le "helper". Mais quand je me suis "lâchée" l'élément dans le triable, c'est juste revient à l ' "original" DOM. Je voudrais que la "nouvellement créé DOM" (celui créé dans helper) à tomber dans le triable.
J'espère que je suis en train de sens. Merci!!!!
Une autre façon de le dire:
si je fais glisser une pomme, il se tourne maintenant dans une orange. mais quand je le laisse tomber, il se transforme en un apple..
source d'informationauteur wenbert | 2009-04-12
Vous devez vous connecter pour publier un commentaire.