Mobile view and tooltips on main calendar page show scripting

Hey there, thanks for reaching out!

I see a JS error when inspecting the console on your site. Have you made any customizations to the plugin that would have an effect here?

It would also be helpful to Test For Conflicts for this sort of thing to ensure everything is working well together.

Cheers!
Geoff

We haven’t made any customizations to the plugin other than CSS customizations.

I wanted to look at the javascript error so I ended up enabling script debug on our site by adding the following in wp-config.php:

define('SCRIPT_DEBUG', true);

After saving the change and refreshing the website, the issue went away. I have since removed this line and the issue shows up again. Not sure if that makes a difference or not but wanted to check before I start testing for conflicts.

Thanks!

I did some checking and found that an Autoptimize plugin option was causing the issue. The plugin has an option for “Optimize JavaScript code”. We’ve always had this option enabled but a recent update of the plugin must have started causing the “ReferenceError: jQuery is not defined” issue to show up on the Events Calendar. After deselecting this option, the issue is no longer seen.

Morning all;
I’m autoptimize’s developer. “ReferenceError: jQuery is not defined” actually is your browser gently telling you to exclude jquery.js (or jquery.min.js or jquere-min.js, depends on your theme) from JS optimization. Once you did that, you should be able to re-enable JS optimization.

Hope this helps,
frank

I re-enabled the “Optimize JavaScript code” option and added each of the items you stated in the exclusion list:

jquery.js
jquery.min.js
jquere-min.js

When excluding just jquere-min.js or jquery.min.js, I still got the “ReferenceError: jQuery is not defined” error message.

If I exclude jquery.js I see a new error message of “ReferenceError: Backbone is not defined”.

I also tried different combinations of these in the exclusion list but no matter which ones I exclude I still see issues with the Events Calendar not showing valid data on the tooltips for the events. I have to completely disable the “Optimize Javascript code” option to see the correct information on the event tooltips.

Any other ideas what could be causing this?

Thanks!

So, in that case “jquery.js” is correct and you will also have to add “backbone.min.js” (both without quotes) to the comma-seperated JS-exclusion-list.

This is probably caused by a theme or plugin update. Moreover this behavior might only be visible when logged in (as backbone does not seem to be referenced on your events page, when not logged in).

frank

Thanks for the quick response!

I enabled “Optimize Javascript code” and tried appending jquery.js,backbone.min.js to the exclusion list but I still got the “ReferenceError:Backbone is not defined” error message.

Here was the full exclusion list I was using:
s_sid,smowtion_size,sc_project,WAU_,wau_add,comment-form-quicktags,edToolbar,ch_client,nonce,post_id,jquery.js,backbone.min.js

Out of curiosity I instead appended jquery.js,backbone.js to the exclusion list but I still got the same “Backbone is not defined” error message.

I have since disabled “Optimize Javascript code” and no longer have any issues on the Events page.

Did a quick install on my testblog and with added to the exclude-list it works;

jquery.js, tribe_js_config, tribe-events.min.js, bootstrap-datepicker.js

The tooltip worked without excluding bootstrap-datepicker.js, but I like my error-console nice & empty. I don’t have the backbone-issue, but could the theme or another plugin is interfering there.

Hope this can help someone ??

Kind regards,
frank

Those options worked great and even removed the backbone issue I was seeing. Tooltips work great now whether logged in as admin or not.

Thanks for the quick responses and awesome support!

Glad you’re all sorted!