jQuery UI - Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'dialog'

Question

I have a problem using jQuery ui and dialog() function:

Uncaught TypeError: Object function (a,b){return new e.fn.init(a,b,h)} has no method 'dialog'

I've googled around many people with the same problem solved that issue with a correct inclusion of jQuery library.

This is the header: http://pastebin.com/e1cTKGK9

And this is the gpf1.js source: http://pastebin.com/0jXhU503

Solution

In line 48 in your gpf1.js file

$.dialog();

This $. sign applies the dialog method to the whole jquery element. you should use the dialog method to a DOM element you want like:

$(foo).dialog()

And here's part of the DEMO from jqueryui.com.

    $(function() {
        $( "#dialog" ).dialog();
    });
    </script>



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