Skip to main content

What If Juicer Is Breaking Parts Of Your Website?

jQuery, no jQuery, or Alpine.js

Updated over a week ago

"jQuery, or not jQuery, that is the question—

Whether 'tis nobler in the browser to suffer

The slings and arrows of outrageous callbacks

Or to take arms against a sea of selectors,

And by Alpine.js end them."

— William Shakespeare.js

If Juicer is interfering with your website's functionality, particularly navigation menus or other JavaScript-powered elements, it's likely due to jQuery version conflicts. Here are solutions, starting with the recommended approach.

⚠️ After making these changes, please clear your browser cache and test, or test in an incognito mode.

Switch to a Feeds2.0 Design (Recommended)

The easiest and cleanest solution is to use one of our newer feed designs. Feeds2.0 uses Alpine.js instead of jQuery, eliminating any jQuery conflicts with your website.

To switch your feed design:

1. Go to your feed's Dashboard

2. Click on Switch the news feed

3. Customize the looks and behavior of your feed
4. When ready, click on Apply new design.

✅ This is the recommended approach, as it requires no code changes and gives you access to our latest, most modern feed designs.

Use No-jQuery Version

If you prefer to keep your current design, replace the standard JS line in your embed code with:

<script src="//assets.juicer.io/embed-no-jquery.js" type="text/javascript"></script>

This uses your website's existing jQuery instead of loading Juicer's version.

Load Custom jQuery Version:

If your site doesn't have jQuery, you can load a more recent version before Juicer:

<script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script type="text/javascript" src="https://www.juicer.io/embed/YOUR-FEED-ID/embed-code.js?nojquery=true" async defer></script> 

⚠️ Note: Remember to replace YOUR-FEED-ID with your actual feed ID.

Use iframe version

Located on your feed's Dashboard, accessible via the Embed button in the top-right corner.

⚠️ Feed embedded via iframe is not responsive and lacks a post overlay feature. For more control over iframes, please check the article Auto-Resizing Juicer iframes to Fit Content.

WordPress Users

Consider using the Juicer WordPress plugin. You can find more information on using Juicer on WordPress here.

Did this answer your question?