动态更改JQuery Mobile数据主题

Question

我想将一个tap事件映射到更改文档中特定元素的data-theme的函数。它看起来像这样：

$(document).delegate("#item1", "tap", function() { 
     $("#item1").attr("data-theme", "e"); 
    }); 

到目前为止，它的工作正常。在源代码中，我可以看到它改变了属性。但是，它不会在文档上重新渲染，并且所有内容都保持不变。我是否需要重新加载文件或者是否有办法让它动态更新？

Answer 1

首先使用.on和vclick代替代理并点击。 您可以阅读V单击here，请继续阅读。对here

如果更改列表视图，您需要触发刷新事件，比jQuery Mobile的将再次将样式应用到该元素，例如，你可以这样做

$("#listview").listview('refresh') 

如果您希望在没有刷新事件的元素上更改样式，可以在整个页面上触发页面创建事件，该事件将刷新所有内容。这里

$('#pageid').trigger('create') 

检查，看看哪些元素具有refresh event