jqueryui datepicker throwing error at code relating to zIndex

Question

I am developing an asp.net page/application. I have created a textbox that i set as a datepicker using the datepicker from jqueryui. in firefox and chrome the datepicker does not render. in IE9 the date picker renders if i ignore the error. the error is at line 644 in jquery.ui.datepicker.js.

the code where the error is thrown is here.

inst.dpDiv.zIndex($(input).zIndex()+1);

this is the message that VS displays when it catches the error

Microsoft JScript runtime error: Object doesn't support this property or method

i'm not sure what is causing the issue. I have looked for zindex issues, and the ones i'm finding are related to dialog appearing behind other elements. i don't have the happening.

Answer 1

.zIndex() is not a jQuery method (search the jQuery API, nothing there)

You should use the .css('z-index','100')

Also a side note:

Whenever working in ASP .NET I do not use the $ sign to access jQuery I use

inst.dpDiv.zIndex(jQuery(input).zIndex()+1);

Depending on what ASP .NET framework you are using Win Forms, MVC etc the built in MSFT Ajax can collide with jQuery.