Question

I’m able to create a jquery ui dialog using the following:

    $("#dialogs .add_entry").dialog
    ({
         height: 500, 
         width: 750, 
         autoOpen: false, 
         stack: true, 
         show: "fade", 
         resizable: true, 
         title: "Add Entry", 
         modal: true
    });

    <div id="dialogs">
        <div class="add_entry">Test</div>
    </div>

But when I later use $(“#dialogs .add_entry”).dialog(“open”); to open the dialog nothing happens (No js errors). I think it is selector related, switching the autoOpen to true shows the dialog. Has anyone come across this?

Answer 1

$(function(){
    $element = $("#dialogs .add_entry");
    $element.dialog({
        height:500,
        width:750,
        stack: true, 
        show: "fade", 
        resizable: true, 
        title: "Add Entry", 
        autoOpen:false, 
        modal: true
    });
    $element.dialog("open");
});

This works if placed BEFORE the element. Does not work after. Also does not work with out variable, does not work without wrapper function… what a buggy function.