Ajax rafraîchit la fonctionnalité jqModal

Question

J'essaie d'utiliser jqModal dans mon application .net/mvc pour faire de simples popups modulaires jquery. J'ai une table où j'énumère des dossiers et ai un bouton «d'édition» pour ouvrir une boîte de dialogue modale pour faire les modifications. Lorsque je l'envoie, je masque la fenêtre contextuelle modale et actualise la liste de tables ci-dessous en utilisant la méthode .ajax().

Cependant, maintenant quand je clique sur la page "éditer", jqModal ne tire pas et à la place il va directement à ma page d'édition (plutôt que le popup modal).

J'ai essayé de réinjecter les scripts jqModal après le rappel ajax mais cela ne fonctionne pas non plus. Toute aide appréciée !!!

$.ajax(
{ 
    type: "GET", 
    url: "HomePage/ViewTimelineFeatures", 
    dataType: "html", 
    success: function(result) { 
      $("myDiv").html(result); 
      // Now re-initialize jqModals here doesn't work... 
     } 
    }); 

Answer 1

Vous devez ajouter à nouveau dans les déclencheurs après la mise à jour du code HTML. J'ai eu exactement le même problème. Lorsque vous appelez $ ("# blah"). Jqmodal ... il configure le trigger sur la classe .jqmodal pour charger votre contenu dans le modal. Je suppose que vous les chargez avec ajax? Donc, quelque chose comme:

$("#someDiv").jqModal({ajax:'@href'}); 

Je suis un peu confus par votre code ci-dessus ajax, est-ce faire un vous avez modifié sauvegarde de l'article? Ce ne serait normalement pas un get, mais un put. Quoi qu'il en soit, il semble que vous rendiez la table avec les données mises à jour et remplacez la table existante. Après

$ ("myDiv"). Html (résultat);

Vous devez

$("#someDiv").jqmAddTrigger(".jqModal"); 

Pour ajouter les déclencheurs à nouveau sur vos liens d'édition (en supposant que vous utilisez .jqModal en premier lieu) Si vous voulez coller dans certains code HTML/ajax Je vérifier .