jquery mobileを使ってヘッダーとフッターを固定したアプリケーションを作成していました。
アンカー リンクを固定フッターに配置しました。ページの 1 つに、より多くのボタンとドロップダウンを選択する大きなフォームがあります。
ユーザーがフッターのアンカー リンクをクリックしたときに、そのリンクの背後にコンポーネントがある場合、このイベントの代わりにそれが発生します。
私の理解によれば、これはz-index
価値が低いためかもしれません。
詳細情報を更新:
1 - data-position="fixed" の固定フッターがあります。その中に、ユーザーがアプリケーションをナビゲートするのに役立つ 4 つのリンクがあります。
2 -フッターに存在するリンクは、テキストを含むプレーン ページがある場合に正常に機能します。
3-ユーザーが複雑なフォームを使用している場合、フッターが選択ボックス/ボタン上にある場合などのシナリオがあります-ユーザーがリンクをクリックすると、選択ボックス/ボタン イベントは、フッター アンカー リンクの onclick イベントの代わりに発生します。
<div data-role="footer" data-position="fixed" data-theme="b" data-tap-toggle="false">
<div data-role="navbar">
<ul>
<li class='Link1Class'><%: Html.ActionLink("Link1", "Link1Display", "Link1Data", null, htmlAttributes: new { data_icon = "Link1"})%></li>
<li class='Link2Class'><%: Html.ActionLink("Link2", "Link1Display", "Link2Data", null, htmlAttributes: new { data_icon = "Link2"})%></li>
<li class='Link3Class'><%: Html.ActionLink("Link3", "Link1Display", "Link3Data", null, htmlAttributes: new { data_icon = "Link3"})%></li>
<li class='Link4Class'><%: Html.ActionLink("Link4", "Link1Display", "Link4Data", null, htmlAttributes: new { data_icon = "Link4"})%></li>
</ul>
</div><!-- /navbar -->
</div>