Question

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

我尝试动态地向<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>）时，内容会动态加载，但根本不会格式化。我不知道为什么会这样。这个问题是否有意义，是否有任何关于如何修复的提示？

Answer 1

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

Answer 2

不确定为什么会这样。它不应该。

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

样式动态添加内容

2 个答案: