JQuery Drag and Drop: Accès Sortable() Divs
J'ai mis en œuvre le JQuery, faites Glisser et Déposez les brancher sur mon site web. Il fonctionne très bien, cependant, je suis en train d'essayer d'accéder à une div qui est en cours de tri mais beaucoup de mal la sélection.
Donc, je suis en train de sélectionner chaque "dragbox" à l'intérieur de chaque colonne. C'est généralement simple travail, mais pour une raison que je ne peux pas y accéder et ne peut le voir dans FireBug.
Quelqu'un a une idée comment je peux accéder à la "dragbox" les éléments dans les cols, à l'aide d'une boucle? Merci à tous!
EDIT:
J'ai également utilisé find() et il ne fonctionne pas
<div class="column" id="col1">
<div class="dragbox" id="item1" >
control goes here
</div>
<div class="dragbox" id="item1" >
<!-- control goes here -->
</div>
</div>
<div class="column" id="col2">
<div class="dragbox" id="item3" >
<!-- control goes here -->
</div>
</div>
Je suis l'aide de la suite de JQuery:
$('.column').sortable({
connectWith: '.column',
handle: '.widget-header-holder',
cursor: 'move',
placeholder: 'placeholder',
forcePlaceholderSize: true,
opacity: 0.4,
stop: function(event, ui) {
$(ui.item).find('.widget-header-holder').click();
var sortorder = '';
$('.column').each(function() {
var itemorder = $(this).sortable('toArray');
var columnId = $(this).attr('id');
sortorder += columnId + '=' + itemorder.toString() + '&';
});
/*alert('SortOrder: ' + sortorder);*/
console.log(sortorder);
}
});
Peut-être que vous voulez .trouver? $('.la colonne").find('.dragbox').chaque..., dans votre cas, vous pouvez le faire
oui, j'ai utilisé le trouver et il ne fonctionne pas
oui trouver ou toArray devrait fonctionner, je ne sais pas pourquoi ce n'est pas pour vous. Peut-être mettre en place un jsfiddle script et de le vérifier.
$('.column').each(function() { $(this).find('.dragbox').each(...));
oui, j'ai utilisé le trouver et il ne fonctionne pas
oui trouver ou toArray devrait fonctionner, je ne sais pas pourquoi ce n'est pas pour vous. Peut-être mettre en place un jsfiddle script et de le vérifier.
OriginalL'auteur Funky | 2011-09-06
Vous devez vous connecter pour publier un commentaire.
J'ai joué un peu avec le code de démonstration et il ne semble pas fonctionner pour moi.
http://jsfiddle.net/U24TS/1/
Vous pouvez voir toArray fonctionne bien aussi longtemps que vous avez les identifiants.
OriginalL'auteur Matt