Javascript 添加/删除类在Chrome中不适用于我？

好的，我有一个带有圆圈图像的地图区域，当我点击一个圆圈时，它会向右旋转并显示该国家的内容，现在这在safari和firefox中运行良好，但chrome没有响应，它没有删除该类，也没有向#圆圈添加新类，我需要一些帮助和解释。 我尝试将removeClass更改为removeAttr，但没有，任何其他解决方案，谢谢

$（'.state'）。单击（函数（）{
var id=$（this.data（'id'）；
$（“#圆”）.removeClass（'state1 state2 state3 state4 state5 rotate'）；
$（'圆圈'）.addClass（'状态'+id）；
$（'.stateDesc'）.hide（0）；
$（'.state'+id）.show（'slow'）；
});
img.state1，
img.2，
img.3，
img.4，
img.5{
-moz过渡：所有1秒轻松！重要；
-webkit过渡：所有1s轻松！重要；
-o型过渡：所有1都很轻松！重要；
过渡：所有1轻松！重要；
}
img.1{
-ms变换：旋转（90度）！重要；
-webkit变换：旋转（90度）！重要；
变换：旋转（100度）！重要；
}
img.2{
-ms变换：旋转（195deg）！重要；
-webkit变换：旋转（195deg）！重要；
变换：旋转（205度）！重要；
}
img.3{
-ms变换：旋转（285度）！重要；
-webkit变换：旋转（285度）！重要；
变换：旋转（295度）！重要；
}
img.4{
-ms变换：旋转（145度）！重要；
-webkit变换：旋转（145度）！重要；
变换：旋转（155度）！重要；
}
img.5{
-ms变换：旋转（5度）！重要；
-webkit变换：旋转（5度）！重要；
变换：旋转（15度）！重要；
}

美国
一些为美国转储文本

尝试以下操作：将脚本放入
$（文档）中。准备就绪…
这将确保您的DOM准备就绪，然后脚本将被应用，请参见下面的内容

$(document).ready(function(){
    $('.state').click(function() {
       var id = $(this).data('id');
       $( '#circle' ).removeClass('state1 state2 state3 state4 state5 rotate');
       $('#circle').addClass('state'+id);
       $('.stateDesc').hide(0);
       $('.state'+id).show('slow');
    });
});

好的，我发现了问题，我使用的是jQuery插件qTip2，当我删除下面的代码时，效果很好，但现在我需要修复qTip2代码，以便获得工具提示

$('area').qtip({
    content: {
        text: $('map').attr("title")
    },
    position: {
        target: 'mouse'
    },
    style: { classes: 'myTooltip' }
});

谢谢你的帮助

编辑：

我添加
z-index:-1！重要的
转到
.myTooltip
，它工作正常。
控制台中是否有任何错误？如果您正在选择元素，您是否尝试过记录日志？您是否可以共享s fiddle？您似乎在
状态
类中添加了一个单击侦听器，但是您的代码没有任何“状态”类？@Justinas，控制台中没有任何内容。@Blackness我还要指出，最初提供的代码缺少一些结束标记
。我添加它们是基于这样一种假设，即复制+粘贴会丢失它们，但是如果没有，那么这可能就是为什么它在某些浏览器中不起作用的原因。它位于$（document）.ready（function（）{}中，感谢您的努力