jQueryUI - "invalid label" error in console

Question

Getting a JS error when I load the following script:

    // increase the default animation speed to exaggerate the effect
$.fx.speeds._default = 1000;
$(function() {
    $( "#dialog" ).live('dialog',function() {
        autoOpen: false,
        show: "blind",
        hide: "explode"
    });

    $( "#opener" ).live('click',function() {
        $( "#dialog" ).dialog( "open" );
        return false;
    });
});

Here is the console error:

invalid label - [Break on this error] show: 'blind',\n

Any ideas what is causing this?

Answer 1

You don't want to put the values into a function. They are properties of the dialog box directly.

$(function() {
    $( "#dialog" ).dialog({
        autoOpen: false,
        show: "blind",
        hide: "explode"
    });

    $( "#opener" ).live('click',function() {
        $( "#dialog" ).dialog( "open" );
        return false;
    });
});

See the jQuery UI Dialog documentation for more details. (There is an example of an animated dialog as well.)