0

希望どおりのポップアップが表示されますが、見出しとボタンがすべてのページに表示されます。見出しのクラスを削除すると、そのui-titleクラスは表示されなくなりますが、希望どおりに表示されません。ui-btn-innerとクラスを削除するとui-btn、ボタンはすべてのページに表示されなくなりますが、スタイリングは再びオフになります。このスタイルを維持しながら、ボタンと見出しをすべてのページに表示しないようにするにはどうすればよいですか？

ポップアップは次のとおりです。

<div data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="c" style="max-width:400px;" class="ui-corner-all">
    <div data-role="header" data-theme="a" class="ui-corner-top ui-header ui-bar-a" role="banner">
        <h1 class="ui-title" role="heading" aria-level="1">Create Location Page?</h1>
    </div>
    <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content ui-body-d" role="main">
        <h3 class="ui-title">You are about to create a new Location?</h3>
        <p>This action cannot be undone.</p>
        <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c" data-corners="true" data-shadow="true" data-iconshadow="true"  class="ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-up-c">
            <span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-inner ui-btn-corner-all">Cancel</span></span>
        </a>    
        <a href="#" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b" data-corners="true" data-shadow="true"  data-wrapperels="span" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-inline ui-btn-up-b">
            <span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-inner ui-btn-corner-all">Create</span></span>
        </a>
    </div>
</div>

これを呼び出すと、ポップアップがトリガーされて表示されます。

    function PopupTest(){
        $('#popupDialog').popup();
        $('#popupDialog').popup("open");
    }
4

2 に答える 2

1

ポップアップウィジェットのドキュメントでは明確にされていませんが、jQuery Mobile 1.2リリースのブログ投稿によると、現時点ではポップアップウィジェットはページラッパーに含まれている必要がありますが、将来のリリースではこれは不要になるはずです。 。

これが関連するテキストです

ポップアップはページラッパー内に存在する必要があります（今のところ）

アルファ版がリリースされた後、ポップアップをページコンテナの外に配置することで、ページ間でポップアップを再利用したいという非常に明確なフィードバックも聞こえました。多くのウィジェット（リストビュー、ツールバー）は、テーマの継承と拡張が機能するようにページコンテナー内に存在することを前提として構築されているため、現時点ではこれは機能しません。これらのウィジェットが将来のリリースでページ外で機能するようにリファクタリングされるまで、ポップアップはページ内にのみ追加する必要があります。

于 2012-11-15T18:21:14.980 に答える
0

ポップアップを存在させたいページのページラッパー内に移動すると、ポップアップは必要なページにのみ表示されます。

于 2012-11-15T17:19:35.593 に答える