jQuery Girl
  1. jQuery Girl
  3. Ajouter jquery ui function draggable / redimensionnable après l’ajout / l’ajout de celui-ci sur la page
Intereting Posts
Concentrez / flouez les événements sur des éléments contentables comportement étrange de l’événement ‘click’ de jquery Portée de getJSON dans jQuery La fonction de redimensionnement jQuery ne fonctionne pas au chargement de la page jQuery: comment créer un nav d’arbre pliable? Internet Explorer montrant e.which comme non défini jQuery si “this” contient append un résultat ajax à div définir la taille de la police dans jQuery Erreur de changement de version Info-bulle jQuery, masquer après .. le temps Comment envoyer aux enregistrements de la pagination de la table de données vers la classe de serveur Comment implémenter une image popup dans jQuery pour Firebase Afficher plusieurs marqueurs sur une carte avec leurs propres fenêtres d’information récupère le nom de classe de l’élément avec onclick

Ajouter jquery ui function draggable / redimensionnable après l’ajout / l’ajout de celui-ci sur la page

J’ai un problème sur ma page Web, j’ajoute un élément dans le document lorsque l’utilisateur clique sur un bouton spécifique.

l’élément est 

 Some text

script.js 

 $('#button').click(function() { $("#pageWrap").append(element) }) $('.draggableResizable').draggable().resizable()

Toutes les suggestions sont les bienvenues.

Je vous remercie.

Il suffit de restructurer pour initialiser les widgets après avoir ajouté l’élément: 

 $('#button').click(function() { //create an element var $element = $('
').text('some text'); //append it to the DOM $("#pageWrap").append($element); //make it "draggable" and "resizable" $element.draggable().resizable(); });

Voici une démo: http://jsfiddle.net/ZSgBP/1/

Vous devez utiliser la fonction .on () ou .live () si vous souhaitez append des événements à un object après l’avoir ajouté au DOM. Si vous ne souhaitez utiliser aucune de ces fonctions, vous pouvez simplement append le div au HTML, puis le masquer au chargement de la page et appeler .show () dessus.