0

jqueryui ダイアログを使用してポップアップを作成しようとしています。ダイアログのコンテンツの後にフッターを追加しようとしています。

私のダイアログは次のようになります

<popup>
 header-html
 content-html
 footer-html
</popup>

ダイアログには既にヘッダーがあり、div にコンテンツを配置できます。しかし、どうすればフッターhtmlを追加できますか??

このフッターをウェブサイトのすべてのポップアップに表示したい.

4

3 に答える 3

2

現在のコンテンツ コンテナをコンテンツとフッター div に分離するだけです。

<div class="dialogContent">
   <div class="content">Your existing content</div>
   <div class="footer">The common footer stuff</div>
</div>

次に、それをダイアログのコンテンツ内に配置します。

于 2010-03-08T15:25:30.790 に答える
0

これが私が行う方法です... スタイルはありませんが、必要に応じて、これをどのように行うことができるかを示します。

クラス「mypopup」のレイヤーをダイアログに変えると、次のことができます。

$('.mypopup').parent().append('<div id="footer" style="position:absolute;display:none;bottom:0;float:left;width:98%;background-color:#c9c9c9;padding:5px;"></div>');

ダイアログに「スタック」フッターが表示されますが、これが正しい方向に進むことを願っています...ただし、ダイアログUI要素に実際の「ステータスバー」または「フッター」エリアオプションがあればいいのにと思います。

于 2011-02-25T18:33:38.820 に答える
0

あなたのHtmlはどのように見えますか? 私は次のようなものを想像します：

<div class="popup">
   <div class="header"></div>
   <div class="content"></div>
   <div class="footer"></div>
</div>

...そして、あなたの質問に対する簡潔な答えは、「ヘッダーとコンテンツのセクションにコンテンツを配置するのと同じ方法です」です。

JQuery では、次のようになります。

$(".footer").html("Hello World!");
于 2010-03-08T14:29:18.763 に答える