Javascript JQuery脚本在Firefox中不工作

我的代码在Chrome中运行正常（虽然速度很慢），但在Firefox中失败了。当前，脚本在列表项的悬停/单击上切换一个类，显示一个div，第二个切换将向导航中的其余列表项添加一个模糊类。在第二次单击时，它将关闭该div，但不会像应该的那样删除模糊类。当我意识到没有一个addClass脚本可以在Firefox中工作时，我正在做这部分的工作。然而，div确实打开/关闭，因此至少可以工作

有人能帮我解决如何清理Firefox的问题吗？另外，当再次单击列表项并关闭其“div”时，有没有关于如何删除blur logo类的想法

谢谢

我的HTML中有这样的混乱：

以下是CSS：

.selected-artist{
    width:100%; 
    max-height: 100%;
    -webkit-filter: invert(100%);
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;  
}

.blur-logo {
    border: 3px red;
    -webkit-filter: blur(3px); 
    -moz-filter: blur(3px); 
    -o-filter: blur(3px); 
    -ms-filter: blur(3px); 
    filter: blur(3px);
}

---

我已经讨论了你的问题一段时间了，我的理解是，当单击一个图像时，只有2个HREF可以具有“blur logo”类，而当相同的图像被单击两次时，没有一个可以具有“blur logo”类。有鉴于此，我认为您应该尝试在else块中添加一个remove类（在该块中，代码在单击新图像时传递）：

---

我希望这会有所帮助。

您会发现错误吗？可能是浏览器中的错误跟踪？什么CSS样式不起作用？请将代码减少到仍然代表您的问题的最小值。（.artist box”）.hide（）工作正常，但“artist logo”上切换选定类和模糊logo的所有脚本在Firefox中都不起作用，我不确定为什么。我稍微减少了代码。希望有帮助。谢谢你的调查！非常感谢。当再次单击所选对象（以关闭）时，这可以从所有列表项中移除模糊效果。不幸的是，这一切在Firefox中仍然不起作用。实际上，我在Firefox28.0上编写了这段代码，在Firebug中也没有发现任何问题。也许可以尝试下载Firebug并查看控制台中的输出？

<ul>
<li><a class="artist-logo" href="#artist-looka"><img src="images/looka-black-circle.png"></a></li>
<li><a class="artist-logo" href="#artist-sremedy"><img src="images/sremedy-black-circle.png"></a></li>
 <li><a class="artist-logo" href="#artist-hyperbit"><img src="images/hyperbit-black-circle.png"></a></li>
 </ul>

 <div id="artist-looka" class="artist-box">
 </div>
 <div id="artist-sremedy" class="artist-box">
 </div>
 <div id="artist-hyperbit" class="artist-box">
 </div>   

    $(document).ready(function() {
        $(".artist-box").hide();
        $(".artist-logo").click(function(event) {
            event.preventDefault();

            var clicked = $(this);

            var taggedWithSelect = $('.selected-artist');  

            var clickPartner = $(clicked.attr('href'));
            var selectPartner = $(taggedWithSelect.attr('href'));
            var notClicked = $('.artist-logo').not(clicked);




            if( clicked.hasClass('selected-artist') ) {
                clicked.removeClass('selected-artist');
                unclicked.removeClass('blur-logo');
            } else {

                clicked.addClass('selected-artist');
                taggedWithSelect.removeClass('selected-artist');
                selectPartner.slideToggle();
                notClicked.addClass('blur-logo');
            };
            clickPartner.slideToggle();

        });
 });

.selected-artist{
    width:100%; 
    max-height: 100%;
    -webkit-filter: invert(100%);
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;  
}

.blur-logo {
    border: 3px red;
    -webkit-filter: blur(3px); 
    -moz-filter: blur(3px); 
    -o-filter: blur(3px); 
    -ms-filter: blur(3px); 
    filter: blur(3px);
}

else {
   clicked.addClass('selected-artist');
   clicked.removeClass('blur-logo');