jQuery - загрузка страницы через AJAX, определение обратного вызова на загруженной странице

Question

Я использую метод $ ('container)). Load для загрузки всех подстраниц моего сайта. Теперь дело в том, что некоторые подстраницы требуют дополнительного поведения (например, проверка формы и т. Д.)

Я бы хотел, чтобы они были автономными, поэтому - каждая подстраница имеет собственный JS-код, который выполняет все специфичные для подстраницы задачи. Однако для этого требуется, чтобы некоторые из них обрабатывали «загруженный» обратный вызов для доступа к только что загруженным узлам DOM.

Какие-нибудь советы, как этого добиться? Я пытался положить Скопировать код

<form id="my-form"> .. </form>
<script>
$('#my-form').ready(function() {
    //..
});</script>

но он не запускается при загрузке через AJAX.

Answer 1

Наконец-то я понял проблему. Все дело в фильтрации контента (второй параметр метода .load). Теперь вместо фильтрации на стороне JS я делаю это на стороне сервера.

Answer 2

Поскольку ваша форма / страница загружена, вам необходимо использовать метод live или delegate, например, вот как вы можете проверить свою форму:

$('#my-form').live('submit', function(){
  // your validation code....
});

liveили delegate методы работают с любым элементом, существующим сейчас или в будущем .

Дополнительная информация:

• http://api.jquery.com/live/
• http://api.jquery.com/delegate/