Как предотвратить перезапись файлов 2 js в моем HTML-коде?

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