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

时间:2015-02-09 17:01:20

标签: jquery ajax listview jquery-mobile-listview

列表视图不适用任何样式,它只是给我看了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 个答案:

答案 0 :(得分:0)

更新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");