10
votes

jquery + triable + vivre

J'ajoute des éléments de la liste à une page de manière dynamique avec $ .GET, puis les ajoute à l'élément OL. Assez habituel à ce point.

Mais JQuery n'est pas au courant de ces nouveaux articles lorsqu'ils sont chargés dans la page, et je ne suis pas capable de les rendre triables.

J'ai fait des essais avec JQuery Live, mais je n'ai nulle part où ...

jquery-ui jquery-ui-sortable

0 commentaires

4 Réponses :

7
votes

Avez-vous essayé .sortable ('rafraîchir »)? http://docs.jquerery.com/ui/sortable#method-refresh

1 commentaires

Pourquoi n'est-ce pas la réponse acceptée? Ceci est loin le moyen le plus propre de gérer ce problème Ajax.

0
votes

sur la fin de votre code, il suffit d'ajouter .Sortable ({}); code> avec tous vos paramètres respecifiés. Il y a probablement un moyen de le faire sans dupliquer votre code en utilisant une fonction ou quelque chose, mais au moins cela fonctionne.

$('#List').live('click',function(e){

var myHTMLcode = '<li>New Item</li>'

myHTMLcode.appendTo('#List').sortable({
 items  : 'li',
 axis  : 'xy',    

 update  : function(event, ui){SPECIFIC Sortable FUNCTION CODE HERE}).fadeIn();
)};

0 commentaires

18
votes

the Actualisez code> méthode de .Sortable () code> ne semble pas reconnaître li code> S qui ne sont pas ajoutés via le . Titres () Code> Fonctions.

Essayez d'ajouter votre code .Sortable () code> Code d'initialisation dans une fonction que vous appelez le document prêt et dans votre code dans lequel vous ajoutez de manière dynamique li P>

jQuery(document).ready(function() {
    jQuery("#mySortableOL").doSort();
}
...
jQuery("#mySortableOL").append(...);
doSort();
...
function doSort(){
    jQuery("#mySortableOL").sortable({
        ...
    });
}

2 commentaires

Ce n'est pas seulement le LI, c'est fondamentalement tout, mais l'approche est correcte et travaillant.

Exactement une réponse correcte. Merci d'avoir sauvé ma journée!

-2
votes

J'ai trouvé cette solution et travaille bien pour moi. xxx

0 commentaires