2009-09-02 9 views
1

J'ai eu des problèmes pour afficher les boîtes de dialogue modales jqmodal sur les liens ajoutés dynamiquement par le code côté client. Je l'ai démontré le problème à l'adresse suivante: http://www.neil-burton.co.uk/jqmodaltest/index.htmImpossible d'affecter jQuery jqModal à des liens ajoutés dynamiquement

Toute aide serait appréciée

+0

Neil, mis à jour ma réponse. Assurez-vous d'utiliser la dernière version de jqModal. – redsquare

+0

Pouvez-vous essayer de passer à la fonction jqmShow. Je l'ai fait fonctionner ici http://pastebin.me/0d90eb8f215da8867f0ad1161bcf5433 – redsquare

+0

J'utilise la dernière version, qui est R14. Je ne sais pas si cette version de dev est actuelle. Cela semble fonctionner. Je l'ai appliqué au code de test et ça a l'effet désiré :) Je vais m'en aller et l'appliquer à mon code live et voir si ça fonctionne aussi. Je commenterai quand j'aurai fait ça. Merci beaucoup. –

Répondre

2

Vous pouvez utiliser .live pour les événements de clic d'ancrage

MISE À JOUR DE NOUVEAU

$('#dialog').jqm({ajax:'@rel'}); 

    // open the modal whenever anchor links on the page are clicked 
    $('a.someClass').live('click',function(){ 
     $('#dialog').jqmShow(this); 
    }); 
+0

Merci pour votre aide redsquare. Dans mon exemple en direct, j'ai besoin de remplir le dialogue modal avec du contenu via ajax. L'URL de l'ajax provient de l'attribut rel du lien de déclenchement. Ce lien est généré dynamiquement par le serveur, donc les liens ressemblent à ceci: Link Link

+0

La boîte de dialogue est vide car @rel n'a aucune référence que je devine. Si je remplace @rel par ajax.htm, alors le script fonctionne jusqu'à ce que de nouveaux liens provoquent l'apparition de la boîte de dialogue modale. J'ai besoin de pouvoir définir la propriété ajax à partir de l'attribut rel de chaque lien. –

+0

ahh. Le plugin writer ne fournit pas une version non-obfusquée de son code. C'est un cauchemar à débugger ..... Mon conseil serait de chercher un plugin décent! – redsquare

Questions connexes