样式动态添加内容

所以我在网上看了这个问题，但似乎无法找到答案。让我充分解释我的问题。样式动态添加内容

我试图动态地将内容添加到<ul>，并使其格式正确。什么我插入的是：

<ul data-role="listview" id="localStoresUL" data-autodividers="true" data-divider-theme="d"> 
</ul>

我有别的地方当单击列表项，加载这个了数据，而我这样做，用下面的代码：

$("#localStores").click(function() { 
    Customer.getLocalStores(13, 12, function(stores){ 
     for(var i = 0; i < stores.length; i++){ 
      $("#localStoresUL").append('<li class="store" id="' + stores[i].id + '"><a data-transition="slide" data-filter="false">' + stores[i].fullname + '</a></li>'); 
     } 
    }); 
});

现在，当用户第一次点击该链接时，这一切都很好用，并且它填充了<ul>。但我有使用此代码页面上的返回按钮：

<a href="#" class="ui-btn-left back" data-rel="back" data-icon="back" data-add-back-btn="true" >Back</a>

并且用户点击时，此后退按钮，然后再在以前<li>点击（应该填充<ul>）的内容是动态加载，但根本没有格式化。我不知道为什么会发生这种情况。这个问题是否有意义，有没有人有任何提示如何解决它？

来源

2012-11-14 samuk

“这个问题是否有意义”不，不是真的。你在哪个浏览器中遇到这个问题？ – feeela

不知道它为什么。它不应该。

您需要在列表中调用.refresh()。

来源

2012-11-15 09:09:21

通常，如果内容已加载但未格式化，则说明您的CSS存在问题。使用萤火虫检查已加载的元素，并查看存在哪些类并正在应用样式规则。然后仔细检查您的相关CSS选择器是否与这些元素匹配。

来源

2012-11-14 12:33:54 Chris

样式动态添加内容

回答

相关问题