Conflicting scripts

Design help Custom code
1

Hi, I’m having an issue with custom code. There are two scripts on the home page

  1. To open the home page slider on slide 2
  2. Instagram feed:

When I add both codes, the slider code doesn’t work. If I remove the second code, it works. Do you know why this might be?

(I’ve added the scripts below but it looks like the forum has removed them from the post)

Here is my site Read-Only: https://preview.webflow.com/preview/write-saidrose?utm_medium=preview_link&utm_source=designer&utm_content=write-saidrose&preview=61379f867ec0629d496013cf244e6a2a&mode=preview

Published site: https://write-saidrose.webflow.io/

2

Hi @ashley-rose,

You are referencing jQuery in your custom code section. The latest version of jQuery is already implemented by default by Webflow, referencing it twice might cause conflict especially if you are referencing different version of it (3.3.1 versus 3.5.1 from webflow)

Simply remove that part of the code:

<script src="https://code.jquery.com/jquery-3.3.1.min.js" 
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" 
        crossorigin="anonymous"></script>

Hope that helps.

1 Like
3

Hi @anthonysalamin, thank you for your reply. That worked perfectly, thank you! :slight_smile:

1 Like