IE 11 addClass + removeClass

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'); 

编辑 - MARKUP

<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

的问题是在IE如何对待哈希值。它不像其他浏览器那样默认为空字符串，它默认为'＃'。而不是设置散列，你应该在IE中设置可靠性的位置。

hash = window.location.hash !== '' ? window.location.hash: '#about'; 

成为

hash = window.location.hash; 
if (hash !== '' || hash !== '#') { 
    hash = '#about'; 
    window.location = hash; 
} 

的标记没有被渲染，因为它没有重新上项的哈希，并给予一个错误消息“＃”是不是过滤器的有效选择。

Answer 2

你应该用正确的选择：

对于这个HTML：

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

JS：

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

OUTPUT：

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

在测试了IE 11和FF 42：

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