如何防止在我的HTML代码中覆盖2个js文件？

Question

如何在html代码中阻止2 .js文件覆盖？ 我有2个.js文件，一个用于滚动条，另一个用于下拉菜单。 当我在模板代码中导入两个文件时，第一个文件将无效（第二个将覆盖第一个文件）。

我很困惑如何防止这种情况并使两者兼顾。

Answer 1

好吧，覆盖不是正确的词。由于全局变量具有相同的名称，它们可能相互冲突。如果不看它们就不可能找出问题所在......

jQuery和MooTools因干扰彼此而闻名。您应该在您的代码中使用之前的其他内容： 在你的开头，login.js文件放入以下行：

var J = jQuery.noConflict();

并将每个$替换为J

然后，在scroll.js上，你会在最后看到这个：

window.addEvent('domready', function(){             
    // -- first example, vertical scrollbar --
    makeScrollbar( $('scrollbox'), $('scrollbar'), $('handle') );
});

替换

的makeScrollbar行

makeScrollbar( J('#scrollbox')[0], J('#scrollbar')[0], J('#handle')[0] );

它应该可以正常工作，但正如我所说，你应该寻找一个只使用jQuery或Mootools的解决方案