Jquery ui dialog stops working - gives an error "cannot call the mouseover method from undefined"

Question

I use jQuery UI dialog boxes in my application, and everything was fine until today, when I tried to open a dialog, and nothing happened. In the console was:

Uncaught TypeError: cannot call 'mouseover' method from undefined - jquery-ui.js, line 162

and

GET data: undefined (undefined) - this did not have a line number, in Chrome, he simply said "data:".

The code in jquery-ui.js that throws an error is in resizable size:

this._handles.mouseover(function(){...}); 

My code to call the dialog box:

 $('.popup-trigger').click(function(){ var target = $(this).attr('href'); $(target).dialog({ width:650, minWidth:500, minHeight:250, }); return false; }); 

Where the href attribute of the .popup-trigger elements is something like "#dialog". This code worked fine until today.

I have worked a lot on this application since it last worked, so I can’t identify a single thing that has changed.

Can someone point me in the right direction? What is this mistake

Edit - after another look, I found that this error only occurs the first time you click a button. The second click successfully calls the dialog without errors.

Answer 1

We have the same problem today.

Spend about one hour debugging my code and ending up with one of my custom functions having a name conflict with the jquery.ui function. In my case, the conflicting name is "disableSelection".

Hope this helps in your case.