Ajax-вызов для мобильных страниц jquery работает, но при обновлении теряет функциональность css и js - PullRequest
Новая
       1

Ajax-вызов для мобильных страниц jquery работает, но при обновлении теряет функциональность css и js

0 голосов
/ 07 сентября 2011

У меня есть код ниже, загружающийся в роль данных мобильной страницы jquery.Две странные вещи, которые я замечаю, это то, что если я пытаюсь загрузить только одну страницу, то не загружает мобильную функциональность css или jquery только для элементов, загружаемых из скрипта.Другое дело, что при обновлении страницы она тоже теряет.Данные по-прежнему отображаются в виде обычного текста.Кто-нибудь еще испытывает это?Я также попробовал функцию pagecreate вместо готового документа, но она не работает вообще.Кто-нибудь может понять, почему он делает это в мобильном или что-то предлагает?

Заранее спасибо! 

<script>
   $(document).ready(function(){

                      $.ajax({
                             type: "GET",
                             url: "oncology_testlist.xml",
                             dataType: "xml",
                             success: function(xml) {
                             var $ul = $("#testList");
                             var categories = new Object();
                             var category;
                             $(xml).find('test').each(function(){
                                                      category = $('category', this).text();
                                                      cat_nospaces = category.replace(/ /g,'');
                                                      if (!$('#cat_'+cat_nospaces).length) {
                                                      $ul.append('<div data-role="header" data-theme="a" id="cat_'+cat_nospaces+'"><h1>' + category + '</h1></div>');
                                                      }
                                                      $ul.append('<li><div data-role="collapsible" data-collapsed="true" data-theme="b">'
                                                                                     + '<h3>' + $('test_code', this).text() + " - " + $('name', this).text() + '</h3>'
                                                                                     + (!$.trim($('cpt_code', this).text())?'':'<p>' + "CPT Code(s): " + $('cpt_code', this).text() + '</p>')
                                                                                     + (!$.trim($('method', this).text())?'':'<p>' + "Method: " + $('method', this).text() + '</p>')
                                                                                     + (!$.trim($('clinical_utility', this).text())?'':'<p>' + "Clinical Utility: " + $('clinical_utility', this).text() + '</p>')
                                                                                     + '</div></li>');

                                                      });
                             }
                             }); 
                      });
    </script>

Ответы [ 2 ]

1 голос
/ 07 сентября 2011

Исправлено после поиска ...

Добавлен $ ('# testcatalog'). Trigger ('create'); в конце кода.

0 голосов
/ 15 сентября 2011

Я исправил похожую проблему с другим решением: 

complete: function(){
                          $("#testcatalog").listview();
                          $("#testcatalog").listview('refresh'); 
                         },
...