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

Question

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

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

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

Answer 1

首先使用 .on 和 vclick 代替委托(delegate)和点击。 您可以在 vclick 上阅读 here , 阅读 .on here

您需要触发刷新事件，jquery mobile 会再次对该元素应用样式，例如，如果您更改 ListView ，您可以这样做

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

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

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

在这里查看哪些元素有 refresh event