0

私はjQueryでDivをダイアログとして使用していますが、ダイアログが呼び出される前にDivが画面の下部に表示されます。

このdivを非表示にするにはどうすればよいですか?

<div id = "PrintDialog" title="Warning">
        <p>Once you print, no changes may be made to this contract. Are you sure you want to print?</p>
        <input type="button" value="Print" id="btnDialogPrint" />
        <input type="button" value="Cancel" id="btnDialogCancel" />
        </div>

私はまだDivを使用したいのですが、ダイアログでない限り表示したくありません。

前もって感謝します。

4

7 に答える 7

5

このように追加style="display: none;"しdivます：

<div id="PrintDialog" title="Warning" style="display: none;">

ページが読み込まれると、divが表示されなくなります。jQueryは、必要なときにダイアログを表示します。

于 2012-05-28T12:27:22.223 に答える
3

cssを使用する：style = "display：none"

<div id = "PrintDialog" title="Warning" style="display:none">

または次のjqueryコードを使用します

$('#PrintDialog').hide()
于 2012-05-28T12:30:38.827 に答える
3

クラス「hidden」をに追加し、dailogとして表示する場合は削除するだけです。

<div id = "PrintDialog" title="Warning" class="hidden">

非表示のCSS：.hidden { display: none; }

于 2012-05-28T12:31:32.270 に答える
2

style = "display：none;"を追加します またはCSSクラスに次のコードを追加します

#PrintDialog
{
display: none;
}
于 2012-05-28T12:28:39.370 に答える
2

  1. css を使用 (後でダイアログを初期化する場合): <style type="text/css">
    #PrintDialog{display:none;}
    </style>

  2. jQuery UI を使用すると、ページがロードされた後にダイアログを初期化する必要があります:
    <script type="text/javascript">
    $(function(){
    $("#PrintDialog").dialog({ <タイトルなどのいくつかの引数> });
    });
    </script>

于 2012-05-28T12:34:33.503 に答える
1

If you want to use jQuery you just add $("#PrintDialog").hide(); in your code.

于 2012-05-28T12:28:45.077 に答える
0

組み込みの.hide()メソッドを使用してみてください。

すなわち

$('#PrintDialog').hide();
于 2012-05-28T12:29:05.617 に答える