jquery - jQuery Mobile 对标头的修改不持久

Question

我有一个简单的 jQuery Mobile 网站，它的标题中有一个按钮。该代码是：

<div data-theme="a" data-role="header" id="theheader">
  <a href="/userAdd" data-icon="puls" data-theme="b" data-iconpos="notext">a</a>
  <h1>header</h1>
  <a href="/userShow" data-icon="star" data-theme="b" data-iconpos="notext" 
     id="notifybutton">x</a>
</div>

现在我有一个 ajax，它改变了 notifybutton 的数据主题，如：

setInterval(function () {
         $.get("/ajaxCheckNotifications", function(data){
            if (data != "0"){
                $("#notifybutton").buttonMarkup({theme: 'c'});
            }else{
                    $("#notifybutton").buttonMarkup({theme: 'b'});
            }
       });
}, 2500)

当我加载页面 (F5) 时，这工作正常。

但是，一旦我通过 ajax 加载器加载了一个新页面，主题就不会保留。更糟糕的是，下次运行 ajax 时，按钮不再更新。我已经尝试了从 .trigger('pagecreate') 到 getItemById 的几乎所有内容。

非常感谢您的帮助。