Question

I am having a somewhat strange error with my jquery dialog.

When I have it autoopen, the dialog box is completely empty. If I exit out of the dialog and then reopen (through the standard dialog open event) the content appears.

The jquery setup:

$("#content_locker").dialog({
autoOpen: true,
modal: true,
height: 600,
width: 800
});

Here you can see the webpage that I am working on (it is a link-shortening service).

The dialog div starts on line 148 of the source:

<div id="content_locker" title="Exclusive Content">

You will see that the dialog is empty. If you exit out and click on the unlock button, the proper html is there.

Any ideas?

Answer 1

The content of the modal is hidden at the beginning due this code on your css:

#content_locker{
    visibility: hidden;
}

Try changing it to:

#content_locker{
    diaplay: none;
}

It should do the trick 😉