首页 > 解决方案 > 两个 JS 库之间的代码冲突

问题描述

我试图在一个网页上使用两个不同的库——Materialize.cssJQuery EasyUI——但它们的代码似乎相互干扰,我遇到了错误。有什么办法可以确保他们的代码不会相互冲突并且各自单独运行?

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

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

标签: javascriptjquery

解决方案


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


推荐阅读