CODEWITHSUNDEEP
javascriptjquerywordpressjquery-ui
David Odin Kether
David Odin Kether

Reputation: 138

jQuery UI returning "undefined" for Timepicker add-on in Wordpress

I am attempting to utilize Trent Richardson's TimePicker jQuery UI plugin to add a time picking widget to a Wordpress plugin. jQuery and jQuery UI are both enqueued as they should be and are working fine (the Datepicker/Slider requirements for TimePicker have both been verified to be included and working as well as the TimePicker script is loading fine).

However, Firebug is giving me the following error:

TypeError: $.ui is undefined

The line in question is this: 

$.ui.timepicker = $.ui.timepicker || {};

I understand that it's occurring because for some reason this script isn't finding $.ui (which I assume is a standard notation for referring to jQuery UI?) I also tried simply pre-defining the $.ui at the top and I got rid of that undefined error, but then it threw another for

$.datepicker

That is further on down in the code on line 973. There doesn't seem to be a lot of sense in explicitly defining $.ui and $.datepicker in the top of the script when they should be valid references to the jQuery objects... I'm just not sure how to fix what appears to be a broken link.

Upvotes: 1

Views: 1808

Answers (1)

David Odin Kether
David Odin Kether

Reputation: 138

I ended up finding another TimePicker plugin that worked right "out of the box" so to speak. Literally just changed the reference from the old jquery.timepicker.js to the new jquery.ui.timepicker.js and everything is working beautifully.

My general intuition/feeling on the "old" script is that it might be using either an outdated or advanced api calling method that is causing problems with jQuery's/UI's version.

Upvotes: 2

Related Questions