jquery ui Dialog: cannot call methods on dialog prior to initialization

by

Try this instead

$(document).ready(function() {
  $("#divDialog").dialog(opt).dialog("open");
});

You can also do:

var theDialog = $("#divDialog").dialog(opt);
theDialog.dialog("open");

That’s because the dialog is not stored in $('#divDialog'), but on a new div that is created on the fly and returned by the .dialog(opt) function.

More Related Contents:

  1. How to remove close button on the jQuery UI dialog?
  2. How to implement “confirmation” dialog in Jquery UI dialog?
  3. jQuery UI Dialog OnBeforeUnload
  4. jQuery: Load Modal Dialog Contents via Ajax
  5. How to display an IFRAME inside a jQuery UI dialog
  6. Trouble with jQuery Dialog and Datepicker plugins
  7. How to close jQuery Dialog within the dialog?
  8. jQuery UI Dialog Button Icons
  9. Correctly calling setGridWidth on a jqGrid inside a jQueryUI Dialog
  10. How to attach callback to jquery effect on dialog show?
  11. How can I disable a button on a jQuery UI dialog?
  12. Close jQuery UI Dialog from Iframe
  13. Apply CSS to jQuery Dialog Buttons
  14. How can I position my jQuery dialog to center?
  15. Uncaught TypeError: Object [object Object] has no method ‘dialog’
  16. Why jQuery UI 1.10 remove jquery dialog zIndex option?
  17. jQuery UI dialog box not positioned center screen
  18. Is it possible to use jQuery .on and hover?
  19. How to send a PUT/DELETE request in jQuery?
  20. How can I convince IE to simply display application/json rather than offer to download it?
  21. How to trigger click event on href element
  22. Using jQuery to build table rows from AJAX response(json)
  23. Get data from file input in JQuery
  24. jQuery & Prototype Conflict
  25. How can I count the number of children?
  26. Jquery resizing image
  27. Calling function after .load (Jquery)
  28. Set the selected index of a Dropdown using jQuery
  29. How to delay jquery animation?
  30. jQuery validate plugin : accept letters only?

Leave a Comment