jquery移动列表视图样式在ajax调用后不应用样式

Posted 2023-05-09

【中文标题】jquery移动列表视图样式在ajax调用后不应用样式

【英文标题】：jquery mobile list view styles doesnt apply style after ajax call

【发布时间】：2015-04-09 12:14:43

【问题描述】：

列表视图不应用任何样式，它只显示 html 代码。我已经尝试了大多数我可以在网上找到的解决方案。仍然无法让它工作。我不确定是不是 jquery 版本问题，我使用的是 1.3.1。

$.ajax(
    type: "POST",
    url: "xxxxxxxxxxxxxxxxxx",
    data: JSON.stringify( userid: userid ),
    contentType: "application/json; charset=utf-8",
    dataType: "json",


    success: function (response) 


        $.each(response.d, function (index, Record) 

         var loanListDiv = "";
         loanListDiv += "<li><a href='loanInfo.html'>" + Record.loanid + "<span>" + Record.status + "</span></a></li>";


         $("#result").append(loanListDiv);
         $("#result").trigger("create");



        );

以下是我尝试过的代码

$("#result").listview();

$("#result").listview("refresh");

$("#result ul").listview("refresh");

$('#result').append($(loanListDiv));

$("ul").collapsibleset("refresh");

$("#result").append(loanListDiv).listview("refresh");

添加上述代码后，我的列表视图仅显示一个列表。我有大约 20 个列表

【参考方案1】：

在您更新 HTML 后刷新列表。比如：

$("#result12344").append(loanListDiv).listview("refresh");

试试这个，

success: function (response) 
  var loanListDiv = "";
  $.each(response.d, function (index, Record) 
    loanListDiv += "<li><a href='loanInfo.html'>" + Record.loanid + "<span>" + Record.status + "</span></a></li>";
 );
 $("#result12344").append(loanListDiv).listview('refresh');
 $("#result12344").trigger("create");

【讨论】：

累了，但是没用 $("#result12344").append(loanListDiv).listview("refresh");

已更新。请重试。

同样的问题。我有大约 20 个列表，但它只显示一个没有列表视图样式的列表。不过感谢您的帮助！