2

UI をブロックしない jQuery モバイル ポップアップを作成できますか? シナリオは次のようなものです: 各項目にチェックボックスが付いたリストがあり、チェックボックスのいずれかがチェックされた場合、フッターのすぐ上にポップアップする招待ボタンを表示したいと考えています。カバーしている行をブロックする場合がありますが、ページの残りの部分への入力はブロックしないでください。添付の画像のようなものです。ここに画像の説明を入力

ポップアップを使用することが正しいアプローチであるかどうかはわかりませんが、そうでない場合は、誰かが私を正しい方向に向けてください。本当にありがとう。

4

2 に答える 2

3

このようなもの：

動作中の jsFiddle の例: http://jsfiddle.net/Gajotres/cbeTD/

HTML:

<div data-role="page" id="index">
    <div data-theme="b" data-role="header">
        <h1>Index page</h1>
    </div>

    <div data-role="content">
        <a href="#popupBasic" data-rel="popup" data-role="button" data-inline="true" data-transition="pop">Basic Popup</a>
        <div data-role="popup" id="popupBasic" data-position-to=".footer-example">
            <a href="#popupBasic" data-rel="popup" data-role="button" data-inline="true" data-transition="pop">Button</a>
        </div>
    </div>

    <div data-theme="b" data-role="footer" data-position="fixed" class="footer-example">
        <h1>Footer</h1>
    </div>            
</div>

CSS:

#popupBasic {
    box-shadow: 0 0 0;
    border-width: 0;
    border-radius: 0;
    background: transparent;
}
于 2013-11-06T09:19:12.993 に答える