使用jquery追加html，但不获取样式
使用jquery追加html，但不获取样式
提问于 2012-09-14 17:47:50
我正在向我的网页添加一些带有js的li，对于这个li，我使用了一些jquery移动样式表:为了加载js，我使用了以下代码：
$(document).bind('pageshow', function () {
LoadLaadPalen.init();
}然后将使用以下代码：
var myData = [
{"Identifier":1,"Naam":"NOT Given","Adres":"Kopenhagen 9","Postcode":"0000LL","Plaats":"NOT Given","Longitude":"0.00000","Latitude":"0.00000"},
{"Identifier":2,"Naam":"NOT Given","Adres":"NOT Given 1","Postcode":"0000LL","Plaats":"Rotterdam","Longitude":"0.00000","Latitude":"0.00000"},
{"Identifier":3,"Naam":"NOT Given","Adres":"NOT Given 6","Postcode":"0000LL","Plaats":"Rotterdam","Longitude":"0.00000","Latitude":"0.00000"},
{"Identifier":4,"Naam":"NOT Given","Adres":"NOT Given 1","Postcode":"0000LL","Plaats":"Den Haag","Longitude":"0.00000","Latitude":"0.00000"},
{"Identifier":5,"Naam":"NOT Given","Adres":"NOT Given 218","Postcode":"0000LL","Plaats":"Zoetermeer","Longitude":"0.00000","Latitude":"0.00000"}
];
$('.result').append("moi");
var items = [];
$.each(myData, function(index, element) {
$('.greenfluxlist').append('<a href="#" rel="external"><li id="' + element.Identifier + '"><h3>' + element.Naam + '</h3><p>' + element.Adres + '</p></li></a>');
});并且必须将其附加到此部分：
<div data-role="content" data-theme="a">
<div id="laadpalen">
<p><strong>Op deze locaties zijn laadpunten aanwezig:</strong></p>
<div class="result">
<ul class="greenfluxlist" data-role="listview" data-inset="true"></ul>
</div>
</div>
</div>但不幸的是，我看不到风格。我只看到带有文本和蓝色标准链接的项目符号..此外，如果我要检查源代码，没有任何html li代码，但在网页上我看到了它们……
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-09-14 18:39:53
看看你的< li>定义。它应该以< li>：
<li><a href="bmw.html">BMW</a></li>您的格式不正确：
<a href="#" rel="external"><li id="' + element.Identifier + '"><h3>' + element.Naam + '</h3><p>' + element.Adres + '</p></li></a>试着按照我教你的那样做：
<li><a class=contact href="#" id="' + data.response[key].id + '" ><h1>' + data.response[key].label + '</h1><p>'+ data.response[key].customer + '</p></a></li>从< href开始，而不是href :P，如果有问题，请检查这个：jQuery docs。记住要触发，然后刷新列表：
$('.greenfluxlist').trigger('create');
$('.greenfluxlist').listview('refresh');Stack Overflow用户
发布于 2012-09-14 18:04:55
尝试添加类似如下的内容：
$('.greenfluxlist').listview('refresh');我可以给你举个例子。第一个追加函数：
function success(data)
{
var html ='';
$.each(data.response, function(key, value) {
html += '<li><a class=contact href="#" id="' + data.response[key].id + '" ><h1>' + data.response[key].label + '</h1><p>'+ data.response[key].customer + '</p></a></li>';
$('#contact_listview').append($(html));
html='';
});
$('#contact_listview').trigger('create');
$('#contact_listview').listview('refresh');
$.hidePageLoadingMsg;
}现在是html的定义：
<ul data-role="listview" id="contact_listview" data-filter="true">
</ul>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12422042
复制相关文章
相似问题
腾讯云开发者
