私はモバイル Web アプリを作成しており、jQuery Mobile を使用しています。下部にナビゲーション バーがあり、左ボタンをクリックするとポップアップが正しく表示されますが、使用すると閉じるボタンのスタイルが正しく設定されませんdata-iconpos="notext"
。これが私のコードです:
<div data-theme="j" data-role="footer" data-position="fixed">
<div id="navbar" data-role="navbar" data-iconpos="bottom">
<ul>
<li id="navbar-menu-button">
<a href="#navbar-popup-menu" data-transition="slideup" data-position-to="window" data-rel="popup" data-theme="j" data-icon="bars" data-overlay-theme="j" data-dismissible="false"></a>
<div id="navbar-popup-menu" data-role="popup" class="ui-content">
<a id="navbar-menu-close-button" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" title="Close" data-dismissible="false" class="ui-btn-right"></a>
test info
</div>
</li>
<li id="navbar-info-button">
<a href="#navbar-popup-info" data-transition="slide" data-position-to="window" data-rel="popup" data-theme="j" data-icon="info"></a>
</li>
</ul>
</div>
</div>
でわかるように、次の属性div#navbar-popup-menu
を持つ<a>
タグがあります:
data-role="button"
、data-rel="back"
、data-icon="delete"
、data-iconpos="notext"
、data-dismissible="false"
およびclass="ui-btn-right"
data-iconpos="notext"
とを除いてすべてが機能していdata-dismissible="false"
ます。ボタン アイコンの周りには、存在しないはずのボックスがあり、ポップアップの外側をクリックして閉じることができます。ここでライブデモを見ることができます: DEMO
どんな助けでも大歓迎です。私はこれを理解しようとして髪を引っ張ってきました。なぜなら、他のボタンが機能していて、何が起こっているのかを引き起こす可能性のあるボタンの間で何も違いがないからです。
また、閉じるボタンが機能していません