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

Тема в разделе "JavaScript", создана пользователем jamce123, 6 окт 2012.

Модераторы: ZiX
  1. jamce123

    jamce123 Постоялец

    Регистр.:
    7 апр 2009
    Сообщения:
    70
    Симпатии:
    5
    Здравствуйте, недавно на одном из форумов, мне предложили вариант реализации меню на 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();
        });
    });​
    В эмуляторе все ништяк, а в фаерфоксе и чроме последней версии, меню просто не работает (в опере все хорошо). В чем может быть проблема?

    Главная сайта, куда я внедрил меню (для наглядности)
     
  2. antiterror

    antiterror xProgramming

    Регистр.:
    22 авг 2007
    Сообщения:
    343
    Симпатии:
    135
    Для тех кто не знает, в 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>
     
    jamce123 нравится это.