Best IT Recipes

A simple jQueryUI dialog causes an error with 1.9

I used the following script earlier and it worked great. Now I get the following error:

Error: cannot call methods on dialog prior to initialization; attempted to call method 'close'. jquery-latest.js (line 507)

If you upgrade to jQueryUI 1.10.1, this no longer causes an error. Usually I just let go, update, and don't worry about it. The problem with this is that it worked in the past, so why not now not to embarrass me? I must be doing some stupid thing than before, but I don’t see it.

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <title>jQuery UI Dialog</title> <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <link type="text/css" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" rel="stylesheet" /> <script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js" type="text/javascript"></script> <script> $(function() { $("#open").click(function(){$("#dialog").dialog('open');return false;}); $( "#dialog" ).dialog({ modal: true, autoOpen : false, buttons: { Ok: function() { $( this ).dialog( "close" ); } } }); }); </script> </head> <body> <button id="open">Click</button> <div id="dialog" title="What ever"></div> </body> </html>
0
jquery jquery-ui jquery-ui-dialog
03 Mar. '13 at 16:52
source share
1 answer

I had a similar problem that I solved by defining my array of buttons outside the dialog declaration.

 var buttonArray = {}; buttonArray["Ok"]=function() { $( this ).dialog( "close" );}

Your options:

      modal: true,
      autoOpen: false,
      buttons: buttonArray
0
Nov 05 '13 at 20:03
source share


More articles:


All Articles