选项卡菜单在 IE7,8 中不起作用答案

【问题标题】：tab menu not working in IE7,8选项卡菜单在 IE7,8 中不起作用
【发布时间】：2015-11-07 05:44:52
【问题描述】：

我已经制作了选项卡菜单，它在 Chrome、IE 9,10 中运行良好，但在 IE 7,8 中无法运行。我不知道我需要更改我的代码。

谁能帮帮我？

http://fiddle.jshell.net/927rhwgv/

<ul class="hr_tab menu1">  
  <li class="tab1 on" data-tab="tab-1" data-trigger-class="menu1">  
     <a href="#">tab1</a>
  </li>
  <li class="tab2" data-tab="tab-2" data-trigger-class="menu2">
     <a href="#">tab2</a>
  </li>
  <li class="tab3" data-tab="tab-3" data-trigger-class="menu3">
     <a href="#">tab3</a>
  </li>
</ul>


<div id="tab-1" class="tab_content on">111</div>
<div id="tab-2" class="tab_content">22</div>
<div id="tab-3" class="tab_content">33</div>

.tab_content { display:none; }
.tab_content.on { display:inherit;}


$(document).ready(function(){
  $('ul.hr_tab li').click(function(e){
    var tab_id = $(this).attr('data-tab');
    $('ul.hr_tab li').removeClass('on');
    $('.tab_content').removeClass('on');
    $(this).addClass('on');
    $("#"+tab_id).addClass('on');
    $('.hr_tab').removeClass('menu1 menu2 menu3');
    $('.hr_tab').addClass($(this).attr('data-trigger-class'));
    e.preventDefault();
  });
})

【问题讨论】：

这是修复吗？如果不告诉我。

标签： jquery css cross-browser

【解决方案1】：

如果你还没有包含它，你可能想尝试把它放在 HTML 头中：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

它应该像最新版本一样呈现 IE (What does <meta http-equiv="X-UA-Compatible" content="IE=edge"> do?)

【讨论】：