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>
Pouvez-vous illustrer comment vous faites dynamiquement et donner un exemple du résultat ajax? – Ajw
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