javascript - 设置动态添加内容的样式

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

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

您需要在 ListView 上调用.refresh()。