選択ボックスと入力フィールドを含む長いページと、アイコン付きの固定ナビゲーション バー (フッター メニュー) があります。ユーザーが navbar 項目をクリックし、選択ボックスが navbar の下にある場合 - 選択ボックスが展開され、クリックすると反応します - navbar は反応しません。すべての答えは非常に高く評価されます。
コードのサンプル:
<div data-role="content">
<form id="profileForm">
<label for="sex">Pohlavie:</label>
<select name="sex" id="sex" data-theme="a" onchange="check_profile_form()">
<option value="0" placeholder></option>
<option value="1">žena</option>
<option value="2">muž</option>
</select>
</form>
</div>
<div data-role="footer" data-position="fixed" data-toggle="false">
<div data-role="navbar" data-theme="c">
<ul>
<li><a href="#" data-theme="c"><img src="img/ikony_05.png" class="footer_image" /></a></li>
<li><a href="#" data-theme="c"><img src="img/ikony_06.png" class="footer_image" /></a></li>
<li><a href="#" data-theme="c" class="ui-btn-active ui-state-persist"><img src="img/ikony_07.png" class="footer_image" /></a></li>
<li><a href="#" data-theme="c"><img src="img/ikony_08.png" class="footer_image" /></a></li>
</ul>
</div>
</div>