Javascript Girl
  1. Javascript Girl
  3. JQuery en direct et sorable
Intereting Posts
Comment supprimer l'invite lors du déchargement d'un événement en utilisant javascript Quel est le contraire de evt.preventDefault (); Quelles sont les méthodes de protection des applications / jeux web JavaScript? Comment attribuer la valeur retournée d'une promesse à une variable? Comment puis-je faire la première et la deuxième colonne d'une table collante Pas d'espacement entre les étiquettes bootstrap avec ng-repeat Utilisation d'un objet en tant que clé de propriété dans JavaScript Load () séquentiellement, au lieu de en même temps avec jQuery Affichage d'erreur personnalisé avec parsley.js 2.x Comment trier le tableau bidimensionnel par valeur de colonne? N-ary tree en JavaScript Retirez l'image de CDATA et de la balise de description avec jquery Comment capturer le changement sur le titre de la page à partir d'une extension Firefox Passage de la chaîne json en tant que paramètre pour webmethod Les préoccupations de Javascript concernant l'utilisation de 'var' sur une variable déjà existante

JQuery en direct et sorable

J'ai le html statique suivant: 

<ul id="mylist"> <li id="li_10"><a href="10">Item 10</a></li> <li id="li_20"><a href="20">Item 20</a></li> <li id="li_30"><a href="30">Item 30</a></li> <li id="li_40"><a href="40">Item 40</a></li> <li id="li_50"><a href="50">Item 50</a></li> </ul>

J'ai le jQuery suivant: 

 <script> $( document ).ready( function() { $("#mylist").sortable( {axis:"y"} ); }); </script>

Cela fonctionne parfaitement, mais cesse de fonctionner dès que j'utilise jQuery / AJAX pour générer le HTML ci-dessus. Je suppose donc que je dois utiliser la fonction "en direct" dans jQuery pour faire la section sortable. Quelqu'un peut-il m'aider à mettre en œuvre cela?

.live() est basé sur des événements, donc vous ne pouvez pas l'utiliser pour les plugins comme celui-ci. Ce que vous pouvez facilement faire, c'est d'appeler ce code lorsque votre appel AJAX finit, par exemple: 

 $.ajax({ //options... success: function(data) { //create UL $("#mylist").sortable({axis:"y"}); } });

Il en va de même pour les formes courtes de $.ajax() , par exemple: 

 $("#mylist").load("pageThatGivesTheLIElementGoodness.htm", function() { $(this).sortable({axis:"y"}); })