Error: TypeError: $(…).dialog is not a function

Question

I am having an issue getting a dialog to work as basic functionality. Here is my jQuery source imports:

Answer 1

Be sure to insert full version of jQuery UI. Also you should init the dialog first:

$(function () {
  $( "#dialog1" ).dialog({
    autoOpen: false
  });
  
  $("#opener").click(function() {
    $("#dialog1").dialog('open');
  });
});

 




open the dialog