загрузка div с помощью jquery mobile

Question

У меня проблема при загрузке контента с

$('#next').click(function(){
        $('#boundary').load('options.html #pagecontent').page();


    });

Проблема в том, что #pagecontent div находится в файле options.html, загружает, но не в предназначенные мобильные элементы jquery.

в файле options.html с идентификатором id = page content отображается нормально, если вы предварительно просматриваете эту страницу. только когда я пытаюсь загрузить и загрузить его в другую страницу div с id = "border", все рендеринг jquery mobile не выполняется, а элементы просто загружаются как нативные html-элементы.

в файле options.html: стандартный div, содержащий некоторые элементы пользовательского интерфейса.

<div id="pagecontent">
     // Jquery mobile button 
      <a href="results.php" data-transition="fade" id="result" data-role="button" data-theme="e" rel="external">View results</a>
</div>

Спасибо

Answer 1

Это только предположение, но почему вы пишете код для загрузки div страницы из html-файла, если jQuery Mobile делает это по умолчанию, когда пользователь нажимает на ссылку на страницу?

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

Answer 2

У меня была похожая проблема, и я нашел решение для форсирования рендеринга загруженных div-ов в jquery. Я знаю, что этот ответ пришел очень поздно для вас, но, возможно, он поможет другим с похожими вопросами:

$('#next').click(function(){
    $('#boundary').load('options.html #pagecontent');
    $('#boundary').trigger("pagecreate").trigger("refresh");
});

Это работает для меня, используя jquery mobile 1.1.0 (я не тестировал более старые версии)

Answer 3

Попробуйте добавить .page ()

$('#boundary').load('options.html#pagecontent').page();

Может быть прикреплена к функции щелчка

$('#next').click(function(){
    $('#boundary').load('options.html#pagecontent');
}).page();