jquery - jQuery Mobile の動作がおかしい

Question

タブのあるホームページを読み込んでいます。pageinit 関数で ajax を使用して、最初のタブのコンテンツを読み込んでいます。ホームページには、別のページ (別の html ファイル) につながるリンクがあります。リンクは他のページへの無地です。何らかの理由で、ブラウザの戻るリンクをタップして戻ると、ホームページが別のページに重なって表示されます。Aそして、ナビゲーション タブが大きくなっています。ここで何が問題なのかわかりません。これに関するヘルプ。明確であることを願っています。以下のように pageinit 関数を実行しています。

$(document).on('pageinit', "#home", function() {
 $.ajax({
  url : "sportstabcontent.html",
  dataType : "html",
  success : function(data) {
   $("#newssection").html(data);
   $("#newsitems").listview().listview('refresh');
   $('.viewMoreNewsBtn').attr('data-role', 'button').button().trigger('create');
  }
 });
});

上記の ajax コードを pageshow にロードする必要があります。それも試しました。それでも挙動不審です。