To ensure compatibility with the latest version of jQuery in your Webflow site, you need to manage Webflow’s built-in jQuery usage and verify that your custom code works with the latest version.
noConflict()
mode.If you want to test compatibility with a newer version than what Webflow provides:
Disable Webflow’s jQuery: Go to Project Settings > Custom Code > Footer, and uncheck Use jQuery.
Add your own jQuery version by including the <script src="...">
tag in the Before
field, using a CDN.
Use a stable version from a source like https://code.jquery.com.
Example:<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
Verify all interactions and scripts still function as expected.
.bind()
, .live()
, or .size()
(which were removed in v3).$(function() { ... });
$
variable if multiple libraries are in use.To ensure jQuery compatibility, make sure not to load it twice, convert legacy code to jQuery v3+ syntax, and optionally override Webflow’s version only after full testing. Webflow currently includes jQuery 3.5.1 by default, which is compatible with most modern plugins and scripts.