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

Question

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

如果我试图>

 <li> 

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

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

     <p>Broken Bells</p> 

     </li> 

一切都OK，并期待它像>

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中的列表视图，以获得格式：

来自http://jquerymobile.com/test/docs/lists/docs-lists.html： ​​