dialog jquery has no method when loading modal window

Question

I am trying to open a url in modal window but i am getting the following error message: Uncaught TypeError: Object [object object] has no method 'dialog'. Below is my code.

function()
{
   var id = $("#grid").jqGrid('getGridParam','selrow'), 
  data={};
  if(id) 
  {
       data = {assetID:id};
  }
   else 
  {
     alert('Please select a row to edit');
     return;
  } 
   var ajaxDialog = $('<div id="ajax-Dialog" style="display:hidden" title="New Work Order"></div>').appendTo('body');
   ajaxDialog.load('forms/mwoForm.php',
       data,
       function(response, status)
       {
           ajaxDialog.dialog(
           {
               width: 'auto',
               modal:true,
               open: function(ev, ui)
               {
                  $(".ui-dialog").css('font-size','0.9em');
               },
               close: function(e,ui) 
               {
                   ajaxDialog.remove();
               }
           });
        }
    );
}

You are missing jQueryui.js most likely. – Kevin B Apr 12 '13 at 18:27 — Kevin B, Apr 12 '13 at 18:27

score 0 · Answer 1 · edited May 23 '17 at 12:04

0

I've seen this issue a couple of times and it is usually linked to referencing jQuery twice.

This thread can give more explanation: Have you seen this solution: Uncaught TypeError: Object [object Object] has no method 'dialog'

Edit: Dialog is a widget and does need to be included:

 <script type="text/javascript" src="jquery.ui.dialog.js"></script>

or if you want to load the jQuery UI:

 <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

Can't see all of your code, but make sure that it has been included.

edited May 23 '17 at 12:04

Community

1
1

answered Apr 12 '13 at 18:15

sbatson5

648
11
19

here is the scripts being loaded Maintenance Work Order System – Rusty Worley Apr 12 '13 at 18:22
When i click on the button the url loads under neath of grid instead of in a modal window – Rusty Worley Apr 12 '13 at 18:25
its already part of my code....I tried to just do a simple JQForm and couldnt get it to work either. – Rusty Worley Apr 16 '13 at 17:47
Maintenance Work Order System – Rusty Worley Apr 16 '13 at 17:47

dialog jquery has no method when loading modal window

1 Answers1