jquery - IE 11 添加类 + 删除类

Question

我无法让此代码在 Internet Explorer 11 上运行。我知道此段导致了问题。如果我在激活此代码的情况下上传文件，IE 11 会将我网站的整个部分完全显示为空白。如果没有它，它会在我的网站上显示信息，但它的功能显然不一样。

我在 http://caniuse.com/ 上查找了各种功能据其介绍，仅部分支持removeClass和addClass，这可能是问题所在。是否有某种插件或不同的命令可以使其与 IE 11 兼容？

$(window).on('hashchange', function () {
    var ImageContainer = $('.tabs > div'),
    hash = window.location.hash !== '' ? window.location.hash: '#about';

    console.log(hash);

    ImageContainer.hide();
    ImageContainer.filter(hash).show();
    $('<img/>').removeClass('selected');
    $('a[href="' + hash + '"]', '.ImageContainer').addClass('selected');
}).trigger('hashchange');   

编辑 - 标记

<div class="tabs">

<div id="about">    
<h3>Headline</h3>
<p>Body Text</p>
</div>

<div id="first">
<h3>Different Headline</h3>
<p>Different Body Copy</p>
</div>

</div>

<div id="owl-demo" class="owl-carousel owl-theme">

<div class="ImageContainer">
    <div id="Color">
    <h2>Headline</h2> 
</div>

<div class="photo grow">  
     <a href="#first" id="1">    
     <img src="" />
     </a>
     </div>

 <div class="ImageFooter" id="Purple">
     <p class="ImageContainerP">Below Text</p>
     </div>
  </div>

 </div>

Answer 1

您应该使用正确的选择器:

对于此 HTML:

<div class="ImageContainer">
    <a href="#1234"><img class="selected" src="" /></a>
</div>

JS:

$('img').removeClass('selected');
$('a[href="#1234"]', '.ImageContainer').addClass('selected');

输出:

<div class="ImageContainer">
    <a href="#1234" class="selected"><img src="" class=""></a>
</div>

在 IE 11 和 FF 42 上测试:

jsfiddle:http://jsfiddle.net/ghorg12110/h1xtty4n/