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>

现在我有一个更改notify按钮的数据主题的ajax，如：

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。

非常感谢你的帮助。