javascript - 动态更改 JQuery Mobile 数据主题

Question

我想将点击事件映射到更改文档中特定元素的数据主题的函数。它看起来像这样：

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

到目前为止，它工作正常。在源代码中，我可以看到它改变了属性。但是，它不会在文档上重新呈现，并且一切看起来都保持不变。我必须重新加载文档还是有办法让它动态更新？

Answer 1

首先使用 .on 和 vclick 而不是委托和点击。您可以在 vclick 上阅读，在.on上阅读

您需要触发刷新事件，而不是 jquery mobile 会再次将样式应用于该元素，例如，如果您更改列表视图，您可以这样做

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

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

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

检查此处以查看哪些元素具有刷新事件