Диалоговое окно запросов JQuery UI Dialog

Question

Следующее просто загружает диалог jquery-ui из внешнего html-файла.

$('#showdialog').click(function(e) {
    var div = $('<div>loading...</div>');
    div.dialog({
        modal: true,
        open: function() { div.load('anotherpage.html'); }
    });
    e.preventDefault();
});

После загрузки DOM из внешнего html-файла я бы хотел опросить его с помощью JQuery. Например, предположим, что anothorpage.html содержит несколько якорей, и я хотел бы подключить для них обработчики кликов при загрузке в диалог.

Есть идеи?

Answer 1

Вы можете определить более одного параметра jQuery.load (см. http://api.jquery.com/load/), поэтому после завершения загрузки вы можете сделать что-то:

div.load('anotherpage.html', function() {
  alert('Load was performed.');
});

код места который вам нужен вместо alert.

Answer 2

Изучите использование .live() или .delegate(), которое позволит вам прикреплять обработчики к событиям в элементах динамически загружаемого содержимого.

Например:

$(document).ready( function() {
    $('div.yourDynamicContainer a').live('click', function() {
        doSomething()
    })
})