Могу ли я поместить диалоговое окно jQuery UI в динамически загружаемый HTML?

Question

У меня есть следующий код для простого диалогового окна jQuery UI. Когда я размещаю это на веб-странице, это прекрасно работает. Однако, если я позвоню, я вставлю этот код динамически на страницу с помощью функции AJAX, это не сработает, и диалоговое окно div просто появится на странице. Есть ли способ заставить его работать в динамически вставляемом коде?

Файл 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 (вызывает 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>

Answer 1

Это работает для вас лучше?

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

Помимо того, что он короче, он также должен позволять запускать загруженный JavaScript. Больше информации здесь: http://docs.jquery.com/Ajax/load