动态更改JQuery Mobile数据主题

时间:2013-07-09 19:01:52

标签: javascript jquery html jquery-mobile

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

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

到目前为止,它的工作正常。在源代码中,我可以看到它改变了属性。但是,它不会在文档上重新呈现,并且所有内容都在保持不变。我是否必须重新加载文档或有没有办法让它动态更新?

1 个答案:

答案 0 :(得分:2)

首先使用.on和vclick代替委托并点按。 您可以在vclick here上阅读,请阅读。here

您需要触发刷新事件,而jquery mobile会再次将样式应用于该元素,例如,如果您更改列表视图,则可以执行此操作

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

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

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

点击此处查看哪些元素包含refresh event