要素のJQueryモバイルレンダリング階層

Question

私はMVC 3サイトを持っています。ボタンのいずれかのためにレンダリングされる何

<div data-role="navbar"> 
    <ul> 
     <li> 
      <a href="#ProfileView" class="ui-btn-active"> 
       <img src='@Href("~/Content/img/Profile.png")' alt="Profile" /> 
      </a> 
     </li> 
     . 
     . 
    </ul> 
</div> 

は次のとおりです：

<a class="ui-btn-active ui-btn ui-btn-up-c" href="#ProfileView" data-theme="c"> 
    <span aria-hidden="true" class="ui-btn-inner"> 
    <span class="ui-btn-text"> 
     <span aria-hidden="true" class="ui-btn-inner"> 
      <span class="ui-btn-text"> 
      <span aria-hidden="true" class="ui-btn-inner"> 
       <span class="ui-btn-text"> 
        <span aria-hidden="true" class="ui-btn-inner"> 
         <span class="ui-btn-text"> 
       <img alt="Profile" src="Content/img/profile.png"> 
      </span> 
        </span> 
       </span> 
       </span> 
      </span> 
     </span> 
    </span> 
    </span> 
</a> 

私はjQueryのモバイルのデモサイトに鉱山を比較しようとしていた私は、次のようなナビゲーションバーを作成しました。それは私に同じように見えるが、それは働いていない...だから私は何かが恋しい？典型的にはこの例に示されている反復性の原因は何ですか？

ありがとうございました。

Answer 1

ボタンとしてレンダリングしたくない要素にdata-role="none"を追加します。あなたの出力を比較し、余分なレンダリングがまだ得られているかどうかを確認してください。ほとんどの場合、開いているタグがあるか、リストビューを複数回リフレッシュしています。