来自Ajax Call的JQuery Mobile动态列表

发布时间：2020-12-16 02:57:08 所属栏目：百科来源：网络整理

导读：我有一个从$.ajax调用创建的列表.数据注入似乎有效,但 HTML没有为listView选择 JQueryMobile样式.任何人都可以提供任何有关为什么会发生这种情况的见解？这是Ajax调用： function getF(){ // Show a loading message var SomeData_list = document.getEleme

我有一个从$.ajax调用创建的列表.数据注入似乎有效,但 HTML没有为listView选择 JQueryMobile样式.任何人都可以提供任何有关为什么会发生这种情况的见解？

这是Ajax调用：

function getF(){
        // Show a loading message
        var SomeData_list = document.getElementById("SomeData_list");
        SomeData_list.innerHTML = "<li>Loading...</li>";

        var gUrl = "SomeData_list.php?;
        // Do the ajax call
        $.ajax({
          url: gUrl,// Callback (onsuccess)
          success: function(d,status,req){
            var json = eval('(' + d + ')');
            showSomeData(json);
          },// Error handler
          error: function(req,err){
            // Alert the user that something went wrong
            var group_list = document.getElementById("group_list");
            SomeData_list.innerHTML = "<li>An error occured. Conversations could not be loaded<br>"+status + ": " + err + "</li>";
          }
        });
      }

此代码显示信息：

function showSomeData(json){
      var SomeData_list = document.getElementById("SomeData_list");
   SomeData_list.innerHTML = "";
    var dt =json.results; 
      if (dt.length <= 0){
        SomeData_list.innerHTML += "<li>Error Message.</li>";
      }

      else{
          for (var i=0; i<dt.length; i++){
          SomeData_list.innerHTML +=  "<ul data-role='listview' data-theme='d'><li class="data-role='listview' data-theme='d'"><a href='index.html'> <img src='photo.png' width='70' /><h3>Some Stuff Here</h3><p>213</p></a></li></ul>";
        }

      }
    }

解决方法

一旦填充了列表元素,请务必刷新它,否则 – 如您所见 – 未应用jQM样式：

SomeData_list.listview('refresh');

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!