Avoid conflicts when loading multiple versions of jQuery

By default, Sitefinity CMS uses a built-in copy of the jQuery library. In some cases you may require a different version of jQuery to support a JavaScript library written for a specific version. However, simply including a second version of jQuery may cause unexpected conflicts.

NOTE: To check the current version of jQuery, use the $.fn.jquery property.

To correctly include a version of jQuery that is different than the built-in version, you need to use the jQuery.noConflict() method to wrap your custom logic in a function scope and avoid conflicts:

After loading a second version of jQuery, calling the jQuery.noConflict(true) method restores the globally scoped jQuery variables to those of Sitefinity’s built-in jQuery library. In the code above, the variable jq14 is passed to a function scope. Inside that function scope, Sitefinity CMS version of jQuery is overridden and any code placed in the scope accesses the jQuery version you loaded.

For more information, see jQuery's documentation jQuery.noConflict.

Want to learn more?

Sign up for our free beginner training. Boost your credentials through advanced courses and certification.
Register for Sitefinity training and certification.

Was this article helpful?