jquery version conflicts

[akwejri3hj4t]

Hi there – I’m running a new site with zurb foundation 5. This loads jQuery 2.1.1. But, it seems the event calendar is running 2.0.7. Yet, wordpress is loading 1.x versions. If I remove my call to include jQuery v2.1.1 in the footer, it fixes the issue (see below, jQuery errors), however, everything on foundation uses 2.1.1, is there a way to resolve this conflict?

You can see on the main ‘events’ page, there are jQuery errors. One example is the costs slider does not work. Another is that the ‘next’ or ‘previous’ buttons do not work.

[Brian]

Hi,

Sorry for the issues you are having.

The Events Calendar uses the latest version of jQuery shipped with WordPress, which is currently 1.11.1

We do not load our own copy of jQuery.

The jQuery 2.0.7 is for the placeholder script and not jQuery itself.

Also looks like you are loading two versions of jQuery, WordPress is load 1.11.1 and your theme is loading 2.1.1

There are also these errors in the javascript console:

TypeError: jQuery.timer is undefined
http://visitbrenham.wpengine.com/wp-content/plugins/wp-responsive-photo-gallery/js/jquery.timers-1.2.js?ver=4.0.1
Line 135

TypeError: $(...).slider is not a function
http://visitbrenham.wpengine.com/events/
Line 389

TypeError: jQuery(...).fitText is not a function
http://visitbrenham.wpengine.com/wp-content/plugins/easy-media-gallery-dev/includes/js/func/frontend.js?ver=4.0.1
Line 19

I would suggest using WordPress’s copy of jQuery and not your theme’s. If you have to use your theme’s you will have to shut off WordPress’s and most likely edit scripts not only in the Events Calendar, but other plugins as well that is beyond support we can provide to help out with that.

Let me know if you have any follow up questions.

Thanks

[akwejri3hj4t]

Brian,

Thanks for the reply – sorry, what do you mean by placeholder script on that 2.0.7 version of jquery?

Thanks, Jon

[Brian]

That is the name of a a script called jquery-placeholder/jquery.placeholder.min.js?ver=2.0.7 loaded by the Events Calendar.

That script is for form placeholders used in the Events Calendar.

[akwejri3hj4t]

Brian,

Ok, I was able to fix the cost slider by loading jQuery in the header instead of footer. However, the main events page is still showing an error when I click ‘next events’. The error is:

[Error] TypeError: undefined is not a function (evaluating ‘c(“#tribe-events-header”).tribe_spin()’)
o (tribe-events-photo-view.min.js, line 1)
(anonymous function) (tribe-events-photo-view.min.js, line 1)
pre_ajax (tribe-events-pro.min.js, line 1)
(anonymous function) (tribe-events-photo-view.min.js, line 1)
dispatch (jquery.js, line 25)
handle (jquery.js, line 24)

[Brian]

I am still seeing this error:

TypeError: jQuery(...).fitText is not a function
http://visitbrenham.wpengine.com/wp-content/plugins/easy-media-gallery-dev/includes/js/func/frontend.js?ver=4.0.1
Line 19

And this error:

TypeError: e.Isotope is undefined
http://visitbrenham.wpengine.com/wp-content/plugins/easy-media-gallery-dev/includes/js/func/frontend.js?ver=4.0.1
Line 19

And you are still loading two versions of jQuery.

All three of those issues is breaking the Events Calendar Scripts.

[Brian]

Since there is has not been any activity on this thread for over 2 weeks so I am now closing it. Feel free to start a new thread if you have further issues. Thanks! 🙂

[Author]

Posts