Ajaxify Messing with Loading Calendar (Both Month and Event View)

[Peter]

Not sure what’s going on, but when I navigate my ajaxified site, the events do not load as they are supposed to. When I load the page directly, there’s no problem. Can you point me in the right direction to resolve this? I’m assuming this is a theme conflict because it didn’t happen when I reverted to Twenty Fourteen, but I don’t know what to look for because I want to use my current theme.

My website: wrgw.fccrockwood.org

[George]

Hey Peter,

Sorry you’re having trouble here – to be clear, when you mention “Navigating your ajaxified site”, do you mean using the “Previous Events” and “Next Events” links that appear in the main calendar view? If not, what specific things are you referring to?

I went to your site’s events page at http://wrgw.fccrockwood.org/shows/ and noticed a few things right off the bat: first off, for me, I wasn’t even able to see those “Previous Events”/”Next Events” links…with this in mind, and what you said about things working fine in the default Twenty Fourteen theme, I think it’s a pretty safe bet that your current theme is to blame for this problem. I also got a few JavaScript errors when I went to your Events page (screenshot).

Let me know about what exact AJAX pagination you’re referring to, as we might be able to help you with that, but in the meantime, I’d recommend contacting your theme developer for support. If you get a response from the theme support, let us know!

Thanks,
George

[mawkkhan]

Hi George,
We are the developer of the theme and we have resolved the issue with the screenshot you shared. Only what we need is the event callback function for the plugin. We are using Ajaxified WordPress Site Plugin to make site ajaxified. Please let us know if you need anything or a theme to test so that i can provide that for you.

Regards
Maqk

[Peter]

Hi George,

Thanks for your response. As you can see, the developer of the theme has identified the issue and is awaiting a reply from you.

[George]

Hey @mawkkhan and Peter,

Apologies for the slight delay in response time here – the response from @mawkkhan came in on a Saturday and yesterday was a holiday here in the US that I took quite liberally, so these things coupled with a lot of laziness on my part left a delay in response times here. I’m really sorry about that, and appreciate you both being patient in me getting back to you. We try our best to maintain response times of less than 24 hours, and I’m really sorry for letting that slip here!

Now, as for the issue itself: I went back to http://wrgw.fccrockwood.org/shows/ and noticed a few things – first off, @mawkkhan is indeed correct that the JavaScript errors I posted before are now gone. However, some errors still remained that I’m unable to reproduce locally on my test site. Here’s a screenshot of those errors – https://cloudup.com/cn8vlTrHGZC

Interestingly, however, these errors didn’t seem to affect much actual functionality for me. On http://wrgw.fccrockwood.org/shows/, I was able to paginate with AJAX through the previous/next Month links without issue – things were a bit slow, admittedly, but the months loaded correctly and I was able to paginate back and forth. Here’s an animated GIF screenshot of what I found when I went to your site’s Month view → http://i.imgur.com/EZYpb0w.webm

So from here, I’m curious about how much the AJAX plugin you’re using is affecting things directly. Just to be 100% clear on that point, is this the plugin you’re using? https://wordpress.org/plugins/ajaxify-wordpress-site/

If not, please share the plugin and what URL you downloaded it from.

Also, @mawkkhan, you said:

Only what we need is the event callback function for the plugin.

Can you clarify exactly what callback you’re looking for here?

I’m really sorry for the delayed response and for some of my confusion about the extent of your issues here – your patience and any extra information you can provide to help clarify things here mean a lot!

Thanks,
George

[Peter]

George, thanks for the comprehensive response!

When a visitor loads wrgw.fccrockwood.org/shows – the calendar displays fine; navigating from there does not create any issues. However, if you were to go to wrgw.fccrockwood.org and click “Shows” on the menu, it would not appear as it should.

I don’t have the Ajaxify WordPress Site plugin installed at wrgw.fccrockwood.org, however I can’t speak to whether the developers (@mawkkhan) have used pieces of it, or how they use ajax for the navigation.

It’s my experience that @mawkkhan is available overnight (because of time difference) so hopefully we can expect a response tomorrow.

Thanks again.

[George]

Hey Peter,

Thanks for elaborating on your issues. Upon closer inspection based on what you wrote here, I do encounter those same issues.

The exact methods for how AJAX is being implemented on your site are indeed very pertinent here – something another Tribe developer pointed out to me in relation to this issue is that it seems that whatever AJAX implementation is being used on your site, it’s pulling in the entire new page content and pulling it into the existing content frame.

This is not default functionality for The Events Calendar, however, and may be super problematic here because it seems to be preventing The Events Calendar’s JavaScript from running properly because of the JavaScript _document.ready_ event only being called one time.

I’m not 100% certain if this is the extent of the issue here, but if it is, there may be little we can do from our end about your site’s specific AJAX theme integration. I’m curious to hear from the developer like you said, so that’s indeed a good next step, and maybe @mawkkhan’s question about the “callback” for Events is related to the very issue I described here. We can go from there and hopefully there’s a bit of JavaScript we can recommend to help, or at least some general ideas to get you guys started in the right direction on finalizing all this.

One last tidbit of information is that I also noticed a JavaScript error coming from your site’s “SuperFish.js” script, which could be hurting the firing of other JavaScript on the page as well → https://cloudup.com/c_aMWMHipi2

Thanks for your patience with the issue, and thanks @mawkkhan for being an active and participatory theme developer!

Cheers,
George

[mawkkhan]

Hi George,
Thanks for taking a look into the issue. As peter said when you load site from the frontpage and then move ahead by clicking on the shows page you will notice issue.

We are using https://wordpress.org/plugins/ajaxify-wordpress-site/ this plugin for ajaxified options in the site. You can view the its support section that other plugins like contact form 7 and ninja forms were also having the issue same as Tribe Events.

I will debug about the superfish script and let you know if its an impact.
Regards
Maqk

[George]

Hey Maqk,

Thanks for the feedback and clarification about the use of that plugin.

Since it seems like that plugin is altering some of core JavaScript functionality of The Events Calendar (and, seemingly, some other plugins), I think the best we can try to do from our end is:

• First, hear back about how handling that Superfish-related issue affects the AJAX issues here.
• Then, if the AJAX issue persists after solving the Superfish issue, we can maybe try to either disable that AJAX plugin from affecting Events pages, or maybe trying to add a secondary JavaScript callback so that the Events templates have their JavaScript initialized after being pulled in via that AJAX plugin.

I think these are reasonable things to try, however, at its root here this is trying to customize the default functionality of The Events Calendar, and there may not be something from our end that we can do here to get things working.

I do not mean to mention that to close this issue early, or to not help here – like I mentioned above, there are a few things worth trying that we can definitely help with. And even if those things don’t work, we can at least try to point you in the right direction for other changes. But I just want to be realistic about the scope of plugin support here, and set expectations responsibly.

Thanks for your continued patience with this issue, and you too Peter! I look forward to hearing about the Superfish issue, and will take another closer look at your site and read up a bit about the AJAX plugin – hopefully we can get something working here! 🙂

Cheers,
George

[Peter]

Hey George,

The developer (@mawkkhan) solved the issued. To be honest, I’m not quite sure how – but it is resolved. Thanks for your help!

[George]

Thanks for the update Peter! Best of luck with your site! 🙂

[Author]

Posts