jQuery UI - Error: cannot call methods on dialog prior to initialization; attempted to call method 'open' [duplicate]

Answer 1

You are calling the open method before the Dialog Widget has been initialized for more information go here: https://api.jqueryui.com/dialog/

Answer 2

Set it up first:

$("#dialog").dialog();

Try it yourself: http://jsfiddle.net/x5w8r/

Answer 3

You have to initialize the dialog before being able to open it:

$(function() {
    $("#dialog").dialog({
        autoOpen: false
    });

    $("#player").on('click', 'img', function() {
    ...

Here's a complete example: https://jqueryui.com/dialog/#animated