jqueryUI (Mobile) в контент ajax

Question

Как применить jQuery UI к контенту, загруженному AJAX.

Я загружаю контент с помощью вызова AJAX jQuery, который имеет кучу тегов div, и я хочу стилизовать его при загрузке.Я могу получить контент, но не могу его стилизовать.

Я создаю приложение для мобильных устройств и беру информацию о событии изменения и загружаю контент на основе выбранного.Затем я добавляю данные в свой контейнер, но стили здесь пропускаются, потому что для мобильного jquery стили добавляются автоматически после загрузки страницы, которая пропущена для содержимого AJAX.

Answer 1

У меня была похожая проблема, и я исправил ее с помощью этого кода:

$.mobile.activePage.page( "destroy" ).page();

Также, если у меня есть список, я использую это:

$('ul.ui-listview').listview('refresh');
$.mobile.activePage.page( "destroy" ).page();

Это заставит jQuery обновитьвсе элементы и применять к ним стили.

Редактировать: Обновлен код благодаря @ Jasper

Answer 2

Я полагаю, вы ищете .trigger('create'). Вызовите его в контейнере, когда вы замените его содержимое:

$('#container').html(newHTML).trigger('create');

Answer 3

Если я правильно понимаю ваш вопрос, то вы пытаетесь применить JavaScript к динамически загружаемому контенту.

Проверьте эту ветку на помощь jQuery не выполняется для динамически загружаемого контента, даже при событиях щелчка так как обсуждает проблему, похожую на вашу.Также проверьте функцию jQuery live () .Надеюсь, это поможет!