Стоит у меня на сайте древовидное меню jquery.treeview, все работает:
Вот так оно подключается:
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery.cookie.js"></script>
<script type="text/javascript" src="jquery.treeview.js"></script>
<script type="text/javascript" src="demo.js"></script>
Решил поставить скрипт для красивого показа картинок - известный Litebox. Читаю описание, дописываю значит строчки:
<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>
Лайтбокс при этом работает нормально, а вот древовидное меню перестает работать (полностью раскрывается), а файрфокс выдает ошибку:
Ошибка: $("#navigation") is null Источник: demo.js Строка: 4
В этом demo.js всего лишь одна функция, которая собсна и запускает меню:
$(document).ready(function(){
// first example
$("#navigation").treeview({
collapsed: true,
animated:"normal",
unique: true,
persist: "location"
});
// second example
$("#browser").treeview({
animated:"normal",
persist: "cookie"
});
});
Если подключаю Лайтбокс ПЕРЕД древовидным меню - то меню работает, а вот Лайтбокс нет! Браузер пишет следующее:
Ошибка: element.dispatchEvent is not a function Источник: /js/prototype.js Строка: 5733
Глубины моего понимания яваскрипта совершенно не хватает, чтобы понять происходящее, не вижу связи между ошибками... Понимаю только, что какой-то конфликт.
Может кто поможет?