Question

您好我在jqmobile中显示缩略图列表时遇到问题。

如果我试过＆gt;

      <li> 

      <img src="images/album-bb.jpg" /> 

      <h3><a href="index.html">Broken Bells</a></h3> 

      <p>Broken Bells</p> 

      </li>

一切都是O.K并且看起来像＆gt;

http://jquerymobile.com/demos/1.0a3/docs/lists/lists-thumbnails.html

但是如果我尝试通过

动态生成它

$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "data.xml",
        dataType: "xml",
        success: xmlParser
    });
});

function xmlParser(xml) {

//Hide .gif loader image if data are succesully fetched
   // $('#load').fadeOut();

    $(xml).find("SHOPITEM").each(function () {

   $("ul").append("<li><img width=\"80px\" src=\""+$(this).find('IMGURL').text()+"\"/><h3><a href=\""+$(this).find('URL').text()+"\">"+$(this).find('PRODUCT').text()+"</a></h3><p>"+$(this).find('PRICE_VAT').text()+"</p></li>");


    });



}

我显示了项目，但内容格式不正确。

请问哪里有问题？

感谢您的任何建议..

Answer 1

您现在可能已经解决了这个问题，但如果没有，并且为了其他可能遇到同样问题的人，我会发布这个可能的解决方案：

您的CSS很可能不会应用于由AJAX函数生成并插入DOM的DOM元素（HTML）。如果不对它进行处理，我会怀疑你可能必须将CSS内联应用于插入的HTML才会生效。

我遇到了类似的问题，即通过AJAX插入HTML并尝试将新的javascript功能应用于它。 jQuery想出了一个名为“live（）”函数的解决方案，但我不确定jQuery是否有一个构建函数以同样的方式应用CSS。

这样一条线：

.append('<li>This text is red</li>');

会变成：

.append('<li style="blue">This text is blue</li>');

瑞克

Answer 2

我认为您需要刷新javascript中的listview以获取格式：

来自http://jquerymobile.com/test/docs/lists/docs-lists.html： $('#mylist').listview('refresh');

在jqmobile中显示列表缩略图列表的问题

2 个答案: