2010-01-15 3 views
0

J'ai le code suivant pour une boîte de dialogue simple jQuery UI. Quand je place ceci sur une page Web, cela fonctionne magnifiquement. Cependant, si j'appelle, j'insère ce code dynamiquement sur une page en utilisant une fonction AJAX, cela ne fonctionne pas et la div de dialogue apparaît juste sur la page. Y at-il un moyen de le faire fonctionner dans le code inséré dynamiquement?Puis-je placer une boîte de dialogue jQuery UI dans du code HTML chargé dynamiquement?

fichier DialogBox.html:

<script type="text/javascript"> 

$.ui.dialog.defaults.bgiframe = true; 
$(function() { 
    $("#dialog").dialog(); 
}); 

</script> 


<div id="dialog" title="Basic dialog"> 
    <p> 
     This is the default dialog which is useful for displaying information. The 
     dialog window can be moved, resized and closed with the 'x' icon. 
    </p> 
</div> 

index.html Fichier (appels DialogBox.html):

<script type="text/javascript" src="jquery.js"></script> 

<script type="text/javascript"> 

$.ajax({ 
url: "DialogBox.html", 
success: function(html){ 
$("#SpanID").html(html); 
} 
}); 

</script> 

+0

Pouvez-vous illustrer comment vous faites dynamiquement et donner un exemple du résultat ajax? – Ajw

+0

Si je viens d'ouvrir DialogBox.html cela ne fonctionne pas correctement. Mais si je vais à index.html, il charge le code correctement, mais est incapable de l'exécuter. – Brian

Répondre

0

Est-ce que ce travail mieux pour vous?

$("#SpanID").load("DialogBox.html"); 

En plus d'être plus courte, il devrait également permettre le JavaScript chargé à exécuter. Plus d'informations ici: http://docs.jquery.com/Ajax/load

Questions connexes