Выпадающее меню Jquery не отображается в IE7 и 8 - PullRequest
0 голосов
/ 23 июня 2011

РЕДАКТИРОВАНИЕ ----------------------------------------

С помощью пользователей мы обнаружили, что загрузка не работает в JavaScript.Это только для файла topmenu.Попробовал функцию Дом готов, и это не сработало.Любые дальнейшие предложения будут хороши!

   function loadHeader() 
{ 
   $("#header").load("http://www.garden-design-courses.co.uk/lib/header.html"); 
} 

function loadTopmenu() 
{ 
   $("#topmenu").load("http://www.garden-design-courses.co.uk/lib/topmenu.html");

}

У меня есть меню jquery, которое не отображается в IE7 или IE8.Ниже код

http://www.garden -design-courses.co.uk /

$("ul.subnav").parent().append("<span></span>"); 


$("ul.topnav li span").click(function() { //When trigger is clicked...

    //Following events are applied to the subnav itself (moving subnav up and down)
    $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

    $(this).parent().hover(function() {
    }, function(){  
        $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
    });

    //Following events are applied to the trigger (Hover events for the trigger)
    }).hover(function() { 
        $(this).addClass("subhover"); //On hover over, add class "subhover"
    }, function(){  //On Hover Out
        $(this).removeClass("subhover"); //On hover out, remove class "subhover"
});

Меню

    <ul class="topnav"> 
    <li><a href="#" class="dip">Top Navigation</a>
     <ul class="subnav">
     <li>subnav</li>
     </ul>
    </li>
    </ul>

Ответы [ 2 ]

1 голос
/ 23 июня 2011

Проблема не в том коде навигации, который у вас есть в вашем вопросе, а в том, что меню даже не загружается на страницу.

Профилирование кода в IE показывает, что вызывается функция loadTopmenu, но, очевидно, ее содержимое не загружается на страницу.

Попробуйте изменить loadTopmenu так, чтобы он вызывался только тогда, когда DOM готов:

function loadTopmenu() 
{ 
   $(function(){
   $("#topmenu").load("http://www.garden-design-courses.co.uk/lib/topmenu.html");
   }); 
}
0 голосов
/ 23 июня 2011

Когда я получаю такое поведение, это из-за того, что я забыл обернуть все в

$(function(){
...
});

Без этого он будет работать в большинстве браузеров, кроме IE ..

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...