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/