0

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>
4

0 に答える 0