TNEW v7 JQuery Issue with WordPress

Hi Hive,

We have a 3rd party web dev company working with us, and we have just implemented and are almost ready to go live with TNEW v7. They are having a conflict with Jquery and our Word Press Site. We are looking for others that use v7 and Wordpress, so that they can communicate and trouble shoot the conflict. They were told by Tessitura that they need to remove the jquery references. This is affecting our editing tool ability and our SYOS map. Can someone reach out to me so that I can put you in touch?

Thanks,

Amy Roark
Ticketing & Analytics Manager
Broadway Sacramento
aroark@broadwaysacramento.com

  • Hi Amy,

    It sounds, naively, like this is an issue with your TNEW template, and not necessarily Wordpress itself.  We had a similar issue setting up our preview recently where our template imported jQuery, which then conflicted with TNEW's attempt to import jQuery.  Ideally you would just remove the import reference in your template, as any scripts in your template should be able to use the jQuery instance imported by TNEW itself.  I you need it in the template for some other reason (template editing, sharing the template with Wordpress pages) then maybe there needs to be some kind of check before the import statement, if possible.

    --Gawain

  • Hi Amy - 

    Gawain is correct, the issue is that Wordpress imports a jQuery library which is in conflict with TNEW's required jQuery library. This can occur if you're using a standard Wordpress Page as your TNEW Template. The simplest fix would be to create a static HTML page as your TNEW Template where you manually remove the jQuery import, make all references absolute, etc.

    If you want to keep things dynamic and tied into your CMS, you might look into creating a new Wordpress "Page Template" and in conjunction with your functions.php file, you may be able to exclude the jQuery import from happening on that Page Template. That way you can keep your navigation, etc updated from your CMS, but also not importing your own jQuery. 

    I hope this helps!

  • Can you not just add $.noConflict(); to the start of the template to give control of $ to TNEW?

  • Hi all, While it may be possible to implement another version of Jquery, we have intentionally not recommended or allowed this due to security and performance concerns. With TNEW v7, we take full responsibility for security scans and ensuring the software is delivered in a secure fashion. If we allow organizations to bring their own version of JQuery, then as vulnerabilities are uncovered, we need to reach out to and rely upon each organization individually to update their template versions of JQuery rather than being able to update it ourselves to ensure security gaps are closed. 

    Another consideration is performance - we are trying to deliver v7 as performant as possible, and running two versions of Jquery is heavy (over 500KB if unzipped or minified / 50KB zipped and minified), so including both versions can have a performance impact particularly on mobile devices. 

    As a result of the above loading a separate version of Jquery in your TNEW template is not a supported configuration at this time. 

    Chris