Jquery UI dialog not opening

Question

Hi Im using Jquery UI dialog in my page it is not working in my page in on click,

The code as follows,

$( "#actual-hours-dialog-entry" ).dialog({
    autoOpen: false,
    resizable : false,
    modal: true,
    position: 'center',     
    width: 400,
    close: function() {
        $(this).empty();
        setTimeout(function() {
            $('.ajax-loader').hide();               
        }, 100);
    }
});     

$('#actual-hours-dialog-list').empty(); // code formatting
$('#actual-hours-dialog-list').append(content);

$('#actual-hours-dialog-list').dialog('open');

The content appends to the div and displaying in bottom ,But the dialog not opening.

In the same page i have another dialog.It working fine

Anyone please help,Thanks in advance

Answer 1

Not sure about what you need, but using

$('#actual-hours-dialog-list').dialog(); 

instead of

$('#actual-hours-dialog-list').dialog('open');

makes the dialog works.

Also your dialog options are related to a div#actual-hours-dialog-entry, instead of the div#actual-hours-dialog-list you try to open.

Maybe this should be a comment but my reputation is not high enough.

Hope it helps.