Не работает меню в Chrome

jamce123

Постоялец
Регистрация
7 Апр 2009
Сообщения
69
Реакции
6
Здравствуйте, недавно на одном из форумов, мне предложили вариант реализации меню на jquery.
Первый вариант работает по всех браузерах

Сам код:
Код:
$(document).ready(function() {
    $("ul#topnav li").hover(function() {
        $(this).css({ 'background' : '#1376c9 url(http://mix-up.ru/demo/horizontal-dropdown-submenu/topnav_active.gif) repeat-x'});
        $(this).find("span").show();
    } , function() { //on hover out...
        $(this).css({ 'background' : 'none'});
        $(this).find("span").hide();
    });
});​

Задача состояла в том, чтобы меню фиксировалось при наведении мыши

Код:
$(document).ready(function() {
    $("ul#topnav li").eq(0).addClass("active");
    $(this).find("span").eq(0).show();
    $("ul#topnav li").hover(function() {
        $("ul#topnav li.active").find("span").hide();
        $("ul#topnav li.active").removeClass("active");                 
        $(this).addClass("active");
        $(this).find("span").show();
    });
});​

В эмуляторе все ништяк, а в фаерфоксе и чроме последней версии, меню просто не работает (в опере все хорошо). В чем может быть проблема?

Главная сайта, куда я внедрил меню (для наглядности)
 
Для тех кто не знает, в firefox есть console для ошибок, нажимаем (STRL + SHIFT + K).
Код:
[15:29:41.142] SyntaxError: illegal character @ http://alaev.org/XC/:49
ошибка:
<script type="text/javascript">
$(document).ready(function() {
    $("ul#topnav li").eq(0).addClass("active");
    $(this).find("ul#topnav li span").eq(0).show();
    $("ul#topnav li").hover(function() {
        $("ul#topnav li.active").find("span").hide();
        $("ul#topnav li.active").removeClass("active");               
        $(this).addClass("active");
        $(this).find("span").show();
    });
});?              <----------
</script>
Откуда ? знак не знаю, в редакторе очисти этот код и попробуй снова или вот просто вставь в HEAD и всё работает) проверил сразу у тебя на сайте)
HTML:
<script type="text/javascript">
$(document).ready(function() {
    $("ul#topnav li").eq(0).addClass("active");
    $(this).find("ul#topnav li span").eq(0).show();
    $("ul#topnav li").hover(function() {
        $("ul#topnav li.active").find("span").hide();
        $("ul#topnav li.active").removeClass("active");                 
        $(this).addClass("active");
        $(this).find("span").show();
    });
});
</script>
 
Назад
Сверху