Наведение курсора мыши и пользовательский атрибут не работают в IE8

#jquery #html #css #internet-explorer-8 #hover

#jquery #HTML #css #internet-explorer-8 #наведение

Вопрос:

Наведение и пользовательский атрибут вообще не работают у меня в IE8, даже в режиме совместимости. У меня есть следующий код (скрипка), который работает в Mozilla, opera, Safari и Chrome, но не в IE8.

HTML

 <ul>
    <li class="aniRunmated" bxTab="home_pane">Home</li>
    <li class="animated" bxTab="news_pane">News</li>
    <li class="animated" bxTab="project_pane">Project Outline</li>
    <li class="animated" bxTab="gallery_pane">Gallery</li>
    <li class="animated" bxTab="downloads_pane">Downloads</li>
    <li class="animated" bxTab="links_pane">Links</li>
</ul>

    <div id="home_pane" class="tabbed">Home</div>
    <div id="news_pane" class="tabbed">News</div>
    <div id="project_pane" class="tabbed">Project</div>
    <div id="gallery_pane" class="tabbed">Gallery</div>
    <div id="downloads_pane" class="tabbed">Downloads</div>
    <div id="links_pane" class="tabbed">Links</div> 
  

jQuery ( jQuery )

 $('li.animated').hover(function(){
        $(this).addClass('active');
    },function(){;
        $(this).removeClass('active');
});

$('[bxTab]').click(function(){
        $('.tabbed').css('display','none');
        $('#' $(this).attr('bxTab')).css('display','block');
}); 
  

Я пробовал использовать разные версии jquery, 1.3.2 и 1.4.2, и, похоже, ничего не работает

Комментарии:

1. Текущая версия jQuery 1.6.4 : почему вы пытаетесь выполнить это с 1.3.2 помощью or 1.4.2 ? Кроме того, почему бы не сохранить идентификатор элемента в атрибуте данных data-bxtab="home_pane" , а затем получить к нему доступ $(this).data('bxtab') ?

2. Работает для меня в IE8. Кажется, что и наведение, и пользовательские атрибуты работают нормально.

3. @Shef, по крайней мере, наведение не работает для меня.

4. @Stuiterbal, пожалуйста, дайте некоторые подробности о вашей среде?

5. @Sameera Конечно, это не сработает. Что это },function(){; ?

Ответ №1:

 $('li.animated').hover(function(){
        $(this).addClass('active');
    },function(){
        $(this).removeClass('active');
});

$('[bxTab]').click(function(){
        $('.tabbed').css('display','none');
        $('#' $(this).attr('bxTab')).css('display','block');
}); 
  

Была добавлена дополнительная точка с запятой. Спасибо за совет.