如何防止HTML代碼覆蓋2個js文件？

Question

如何防止2個.js文件在html代碼中被覆蓋？ 我有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的解決方案