样式化动态添加的内容答案

【问题标题】：Styling Dynamically Added Content样式化动态添加的内容
【发布时间】：2012-11-02 22:17:31
【问题描述】：

所以我在网上查看了这个问题，但似乎找不到答案。让我充分解释一下我的问题。

我正在尝试将内容动态添加到<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>）时，内容是动态加载的，但根本没有格式化。我不知道为什么会这样。这个问题有意义吗，有没有人有任何解决方法的提示？

【问题讨论】：

“这个问题有意义吗” 不，不是。我哪个浏览器遇到这个问题？

标签： javascript jquery jquery-mobile styles

【解决方案1】：

不知道为什么会这样。不应该。

您需要在列表视图上调用.refresh()。

【讨论】：

【解决方案2】：

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

【讨论】：