Geek asks and answers

Does jQuery dialog show as hidden by default?

I use the jQuery dialog in a simple, typical use-case:

In Javascript:

$('myDialog').dialog({
    modal: true;
});

In HTML:

<div id="myDialog" title="Dialog Title">
    Dialog contents here
</div>

However, the CSS that I use to control the layout and appearance of the div myDialogis hosted on a server that my local computer does not have access to (don't ask why). Ergo, in Firebug, I see a 404 file network error not found for the CSS file.

When I test this dialog locally, it displays perfectly. However, I only noticed that the contents of the div are myDialogactually displayed on my HTML page until the moment that the code that launches the call to the dialog is run.

So, this makes me believe in one of two things:

  • jQuery <div> /; , CSS, <div> , ;
  • jQuery, <div>, , ,

- , ?

, , dev ( CSS).

, myDialog div ?

!

+5
3

- . , <div>, <div> HTML . jQuery .

<div> , .dialog , , :

CSS

.hidden { display: none }

HTML:

<div id="myDialog" class="hidden" title="Dialog Title">
    Dialog contents here
</div>

, "" "", . . .

+12

autoOpen false.

$('foo').dialog({
    autoOpen: false,
    title: 'I\'m hidden',
    width: 500,
    height: 500
});
+1

Your second statement is true. Call .dialog()in div, immediately displays a dialog box

0
source

More articles:


All Articles