jQuery Mobile动态删除数据主题然后刷新<ul>

Question

我正在实现一个“尚未查看”列表，其中用户看到ul中的项目列表，而那些用户尚未查看的项目则应用了数据主题来突出显示它们。 当用户单击该项目时，将显示该项目，并且我需要删除数据主题，以便该项目不再突出显示。

我有正确的逻辑来删除属性，正如我在Chrome开发人员工具的“元素”部分所看到的那样，该属性不再存在。 但是突出显示的部分仍在渲染页面中可见。

我进行了搜索，并发现了一些涉及刷新页面，列表等的建议，但都无济于事。 您可以看到一些尝试，如下所示（在函数“ this”中是li）：

    $(this).removeAttr("data-theme");
    //$(this).closest("ul").listview("refresh");
    //$(this).closest("ul").listview();
    //$('#mylist').listview();
    //$("#content-notifications").page();
    //$("#content-notifications").page("destroy").page();
    //if ( $("#content-notifications").data("page") ) {
    //      $(this).closest("ul").listview("refresh");
        //};

任何人都有正确的解决方案，因为我找不到它！

谢谢-

马特

Answer 1

您必须手动删除li中旧主题的类并添加新主题的类。

$(document).on("click","li",function(){
  $(this).attr("data-theme","b").removeClass("ui-btn-up-a").addClass("ui-btn-up-b")
});

此处演示-http: //jsfiddle.net/ENYxw/