Порядок Javascript в HTML

Question

У меня проблема с файлами javascript т.е. некоторые сценарии не работают в зависимости от того, как я упорядочиваю их в html-файле. Вот демонстрация, чтобы показать, что я имею в виду: http://testground.uphero.com/test/

Как вы можете видеть в источнике:

<script type="text/javascript" src="js/prototype.js"></script> 
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="js/lightbox.js"></script> 
<script src="http://code.jquery.com/jquery-1.4.4.js" type="text/javascript"></script> 
<script type="text/javascript" src="js/grayscale.img.js"></script>

Если я добавлю теги в таком порядке, будет работать Grayscale img, а Lightbox - нет, но если я переместу ссылку jquery на верх, Grayscale больше не будет работать, однако Lightbox будет работать.

Так что я хочу, чтобы они оба работали. Там в любом случае. Заранее спасибо! : -)

Answer 1

Как я уже сказал в своем комментарии: избегайте использования двух фреймворков, но:

если вам действительно нужно использовать оба, используйте firebug (или что-то подобное для других браузеров), чтобы увидеть возникающие ошибки JavaScript - возможно, вам придется активировать «режим совместимости / noconflict» для обеих платформ, чтобы они не убивают друг друга.

Более подробную информацию об этом смотрите в документации jQuery .

Answer 2

Ваша проблема, вероятно, связана с конфликтом с пространствами имен, используемыми Prototype и jQuery - они оба ссылаются на $ как ярлык для своих пространств имен. Попробуйте использовать обе библиотеки вместе, и вы неизбежно столкнетесь с конфликтами.

Вот полезная статья об использовании jQuery с другими библиотеками, в том числе о том, как обойти эту проблему:

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Однако вам нужно быть осторожным, чтобы убедиться, что на используемые вами плагины ссылаются в правильной области видимости, чтобы каждая библиотека работала правильно. Если это вообще возможно, лучше придерживаться только одной библиотеки (для jQuery доступно множество клонов лайтбоксов).