懸停和自定義屬性在IE8上不起作用

懸停和自定義屬性在IE8上根本不起作用，即使在兼容模式下也不行。我有以下代碼（fiddle），它在Mozilla，opera，safari和chrome中工作，但不是IE8。懸停和自定義屬性在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'); 
});

我已經試過usign不同版本的jQuery，1.3.2和1.4.2和似乎沒有任何工作

來源

2011-10-14 Sameera Thilakasiri

當前版本的jQuery是'1.6.4'，你爲什麼要用'1.3.2'或'1.4.2'完成這個工作？此外，爲什麼不將元素的id存儲在數據屬性data-bxtab =「home_pane」中，然後用$（this）.data（'bxtab'）'來訪問它。 – Shef

適用於IE8。懸停和自定義屬性都可以正常工作。 – Stuiterbal

@Shef，至少懸停不適合我。 –

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

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

有是額外的semicolen被刪除。謝謝你的提示。

來源

2011-10-27 13:22:35

懸停和自定義屬性在IE8上不起作用

回答

相關問題