javascript - 两个 JS 库之间的代码冲突

Question

我正在尝试在一个网页上使用两个不同的库 -- Materialize.css和 JQuery EasyUI -- 但他们的代码似乎互相干扰，我遇到了错误。有什么方法可以确保它们的代码不会相互冲突并且各自运行？

我想使用 iframe 可能是一个解决方案，但这会给我带来其他问题。有没有其他方法可以确保它们在同一页面上和谐运行？

编辑:我应该指出，我在页面的两个不同部分中使用每个库的功能。更具体地说，Materialize.css 用于导航栏、文本和页面的总体外观，而我使用 JQuery EasyUI 只是为了显示可编辑的数据网格。

Answer 1

通常不可能防止您自己不编写/管理的库之间的冲突。如果它们没有防止冲突的方法(如 jQuery 的 jQuery.noConflict())，那么您就会遇到问题，除非您使用像 Webpack 这样的模块 bundler 。它可以加载不同别名下的模块，这样它们就不会发生冲突。