悬停和自定义属性在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,似乎没有任何效果
最佳答案
$('li.animated').hover(function(){
$(this).addClass('active');
},function(){
$(this).removeClass('active');
});
$('[bxTab]').click(function(){
$('.tabbed').css('display','none');
$('#'+$(this).attr('bxTab')).css('display','block');
});
删除了其他分号。谢谢你的提示。