jquery-mobile - Jquery モバイル - data-role="none" が機能しないことがある

Question

アプリで非常に奇妙な動作をしています。ページ div のナビゲーションがあります。最初のページでは、rateit プラグインを有効にしています。URL に #one を指定して最初のページをリロードすると、data-role="none" は無視されます。これは一日中私を夢中にさせていました.jsfiddleをセットアップしようとしましたが、rateitプラグインも必要なのでできませんでした.

私のアプリには、ResetAll() JavaScript 関数を起動するリンク ボタンとキャンセル ボタンを備えたシンプルなナビゲーションがあります。

コードは次のとおりです。

ページヘッダー

<script src="assets/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
    $(document).bind("mobileinit", function(){
        $.extend( $.mobile , {
            ignoreContentEnabled : true
        });
    });
</script>   
<script src="assets/jquery.mobile-1.3.2.min.js"></script>

div 内の rateit スター コンテナ<div data-role="page" id="one">

    <div class="rateit bigstars" id="rateitcontainer" data-rateit-step="1" 
data-rateit-starwidth="128" data-rateit-starheight="128" 
data-rateit-resetable="false" data-role="none"></div>

キャンセルボタン

<p><a href="#cancel" class="button floated smallbutton" data-role="button" data-theme="e" onclick="ResetAll()">cancel</a></p>

そして、すべてリセット機能

function ResetAll() {
    window.location.href = "#one";
    location.reload(true);
};

この domain.com/#one のようなページを読み込んでいるときに (リロード後に何が起こるか)、星の上にこの醜い div があり、それを取り除くことができません! 誰か助けてください！