<分区>
<分区>
这是以前问过的问题,但我仍然无法让它工作。我正在向页面( ListView )添加动态内容,添加后 CSS 丢失了。我阅读了有关触发器(“创建”)的信息,即使在添加它之后,也没有应用 CSS。
$('#MyClubsListDiv').append('<ul id=\"MyClubsList\" data-role=\"listview\"></ul>').trigger("create");
for (var i=0; i<MyClubsReply.length; i++)
{
addClub('#MyClubsList',MyClubsReply[i].Name,MyClubsReply[i].LogoImg,MyClubsReply[i].LastUpdate);
$('#MyClubsListDiv').trigger("create");
}
function addClub(section,clubName,logoFile,LastUpdate)
{
$(section).append('<li class=\"ClubListItem\">' +
'<a href=\"#ClubPage\" data-transition=\"slide\">' +
'<img src=\"' + PiccoloServer + 'ClubLogos/' + logoFile + '\" class=\"listview-logo-thumb\" />' +
'<div class=\"ClubListContent\">' +
'<h1 class=\"ClubListH1\">' + clubName + '</h1>' +
'<p >20 Offers Available</p> ' +
'</div>' +
'<p class=\"ui-li-count\">25d</p>' +
'</a>' +
'</li>').trigger("create");
}
“MyClubsReply”是一个 JSON 对象。
我做错了什么? (或者不做?)
最佳答案
我创建了这个 jsfiddle 供您理解。
您必须在 UL Listview 建筑物上使用触发器(“创建”),但每次添加新列表项时都需要使用 ListView (“刷新”)。
<div id="MyClubsListDiv"></div>
<button id="addClubBtn">Add New Club</button>
$('#MyClubsListDiv').append('<ul id=\"MyClubsList\" data-role=\"listview\"></ul>')
.trigger("create");
$("#addClubBtn").on("click", function () {
$("#MyClubsList").append(
'<li class=\"ClubListItem\">' +
'<a href=\"#ClubPage\" data-transition=\"slide\">' +
'<img src=\"http://si0.twimg.com/profile_images/2366293550/Club_logo_normal.png\" class=\"listview-logo-thumb\" />' +
'<div class=\"ClubListContent\">' +
'<h1 class=\"ClubListH1\">Major Club</h1>' +
'<p>20 Offers Available</p>' +
'</div>' +
'<p class=\"ui-li-count\">25d</p>' +
'</a>' +
'</li>'
).listview("refresh");
});
关于javascript - JQuery Mobile - 附加新的动态内容 - 未应用 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17511559/
相关文章:
javascript - Angular-ui-bootstrap -- 无法禁用 ng-repeat 内的选项卡
javascript - 使用 jquery 创建 td 链接
jquery - 选定的 tbody 未使用 jquery 从多个 tbody 中删除
JQuery 数据表 : adjust column size without redrawing the table and making a new ajax call
html - 响应式导航与 h1 重叠,h1 上的导航链接不起作用
javascript - ES6 类原型(prototype) - 类型解析
javascript - React-testing-library 为什么 toBeInTheDocument() 不是一个函数