Ich bin sehr neu in jQuery und versuche, ein ziemlich einfaches jQueryUI-Dialogfeld in meiner PHP-Anwendung auszuführen. In der Firebug-Konsole erhalte ich den Fehler:

uncaught exception: cannot call methods on dialog prior to initialization; attempted to call method 'open'

Hier ist mein Code:

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

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

Ich habe etwas über den Fehler gegoogelt und es ist nicht viel aufgetaucht, außer dassjquery.ui.js erzeugt den Fehler mit:

if ( isMethodCall ) {
    this.each(function() {
        var instance = $.data( this, name );
        if ( !instance ) {
            throw "cannot call methods on " + name + " prior to initialization; " +
"attempted to call method '" + options + "'";
        }
...

Irgendwelche Ideen? Ich freue mich über jede Hilfe zu dieser Fehlermeldung und deren Behebung.

AKTUALISIEREN Ich habe versucht, die Optionen zum Ein- / Ausblenden zu kommentieren. Dies hatte jedoch keine Auswirkungen auf mein Problem. Unten ist der HTML:

 <div class="demo">

    <div id="dialog" title="Basic dialog">
        <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
    </div>

    <button id="opener">Open Dialog</button>

</div><!-- End demo -->

Dieser HTML-Code ist in einer PHP-Datei enthalten, die in einer anderen PHP-Datei enthalten ist.