Hover и пользовательский атрибут не работают в IE8 - PullRequest
Новая
       23

Hover и пользовательский атрибут не работают в IE8

1 голос
/ 14 октября 2011

Hover и пользовательский атрибут вообще не работают на IE8, даже в режиме совместимости. У меня есть следующий код ( fiddle ), который работает в 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 

$('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 Ответ

0 голосов
/ 27 октября 2011 
$('li.animated').hover(function(){
        $(this).addClass('active');
    },function(){
        $(this).removeClass('active');
});

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

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

...