Ajax-driven Next/Previous links not working

[Claire]

We’re using Event Calendar Pro with the photo view and some basic template overrides. The previous/next links don’t work; both have href=”#” and the jQuery selectors in the JS source suggest an AJAX call should be made but no AJAX call is apparent in the browser console.

We’ve updated to the latest version of both Events Calendar and Pro plugins.

[Claire]

This reply is private.

[Brian]

Hi,

I moved the ticket to Pro.

I can also help troubleshoot this with you.

When I visited your site I did not see the Next and Previous Links.

However, in the console I do see this error that might be causing it:

cannot call methods on isotope prior to initialization; attempted to call method 'reLayout'
http://www.docman.com/wp-content/plugins/events-calendar-pro/vendor/isotope/jquery.isotope.min.js?ver=3.12
Line 13

Have you removed the links? Do you know if you had a custom template in your theme for the nav? It would be in the tribe-events directory of your theme.

Let me know what you find out and we can go from here.

Thanks

[Claire]

Thanks Brian.

Yes, we are using template overrides and have removed the offending links due to the unexpected behaviour and consequent UX issue.

The isotope issue is strange – I hadn’t noticed it last few times I checked, but I can see it now. Any initial recommendations?

[Claire]

Also, would it be useful for you if I re-add the links?

[Brian]

Hi,

It is useful to see the links so I know what I am working with.

However, if you had custom templates for the nav it could be they were using older versions of the functions that might not work.

See if you can add them back with the versions currently shipped with the plugins.

Also for the isotope issue. I have seen that before on a site and it does not seem to stop javascript from running at least, but I could never figure out how to get rid of it ether.

Let me know if adding new links back work or not. If you do not want to show them and can hide them with css I can find them and show them just for me then.

Thanks

[Claire]

Yeah, I did grab the nav template from a not-quite-up-to-date version of the plugin – it was downloaded perhaps a month ago. Anyway, I re-added the nav links locally and compared the template version with the version from the existing plugin – they are identical in every respect with non-deprecated functions etc.

However, when I renamed the tribe-events directory in the theme to rule out the overrides altogether, the ajax calls now work – definitely theme file related. I’ll do some comparisons and see what else is missing.

[Brian]

Ok glad you were able to narrow this down more.

Let us know what you find out.

Thanks

[Claire]

We use the Zurb Foundation framework for styling – it looks like the events plugin wasn’t happy about some of its content being interrupted with Foundation grid layout. The default plugin responsiveness is decent enough so leaving it as-is has turned out to be an acceptable solution.

Thanks for your assistance Brian.

[Brian]

You’re Welcome.

I am glad to see you were able to figure it out.

I am going to go ahead and close this ticket. If you have a similar issue or another in the future, please do not hesitate to create a new ticket.

Thanks!

[Author]

Posts