Autocomplete plugin inside Tabs inside a Dialog: is this a Bug?
Hello,
I am using ASP.NET MVC2. I have a jQuery dialog that contains a jQuery Tab plugin with three tabs. Inside the first tab I have a table with some input controls.
I have tried to use an input HTML control with the autocomplete plugin but when I use this plugin I get the following error in the jQueryUI code as soon as the dialog opens.
Uncaught TypeError: Cannot call method 'zIndex' of undefined
I am using jquery-ui-1.8.4.
I am reporting the piece of the plugin code and I have marked in bold the line that get the error
- this.menu = $( "<ul></ul>" )
- .addClass( "ui-autocomplete" )
- ..... these lines have been removed for better readability...
- .menu({
- ..... these lines have been removed for better readability...
- blur: function( event, ui ) {
- // don't set the value of the text field if it's already correct
- // this prevents moving the cursor unnecessarily
- if ( self.menu.element.is(":visible") &&
- ( self.element.val() !== self.term ) ) {
- self.element.val( self.term );
- }
- }
- })
- .zIndex( this.element.zIndex() + 1 )
- // workaround for jQuery bug #5781 http://dev.jquery.com/ticket/5781
- .css({ top: 0, left: 0 })
- .hide()
- .data( "menu" );
I have asked for help on the stackoverflow.com web site. You can read
here the complete discussion.
Can anybody confirm that is a bug or if I am missing something. Thanks a lot!
Regards
Vincenzo