css - jQuery Mobile - トリガー後に MyCss をロード

Question

最終的に、自分のものを更新するための正しいコマンドを見つけました。だから私がやっていることは、私のdivを次のようcontentindexに動的に変更することです$load:

$("#contentindex").load("offline/indexoffline.html", function() {
                $('#contentindex').appendTo('.ui-page').trigger('create');  
                });

これは私の要素にjQM cssを適用しますが、悲しいことに、写真でわかるようにMyCssを台無しにします。左は jQM css なし、右は私のバギー css あり:

#start {
text-align: center;
position: fixed;
top: 30%;
left: 0;
right: 0;}
#startbutton {
position: fixed;
width: 80% !important;
left: 10%;
top: 55%;
}

http://oi41.tinypic.com/j9rn0p.jpg

あなたが私を助けてくれることを願っています。これを修正する方法がわかりません。：（ どうもありがとうございました。

編集:その他のコード:私のindex.htmlには、この機能を実行するボタンがあります:

$("#contentindex").load("offline/indexoffline.html", function() {
            $('#contentindex').appendTo('.ui-page').trigger('create');
            });

contentindexヘッダーとフッターの間の div の ID です。次に、この HTML スニペットを次の場所に読み込みます。

<style>
#start {
text-align: center;
position: fixed;
top: 30%;
left: 0;
right: 0;
}

#startbutton {
position: fixed;
width: 80% !important;
left: 10%;
top: 55%;
  }


  </style>
  <article data-role="content">
        <h3 id="start">Drücke Start,<br> um eine neue Runde zu starten.</h3>
        <button id="startbutton" type="button" data-role="button"   onclick="newround()">Start</button>
    </article>

ここで、jQuery Mobiletriggerで変換の css を実行startbuttonすると、位置もリセットされます。したがって、css 用に追加のファイルを作成し、トリガーが発生した後にこれを適用する必要があると思います。しかし、どうすればこれを行うことができますか? :(