Jquery 代码在Firefox中工作，但在IE和Chrome中都不工作

我正在创建一个jquery动画，它有很多效果，并对用户的一些动作做出响应，但代码在firefox中运行良好，而不是在ie或chrome中。这是我的代码

        (function($) {
            $(document).ready(function() {
                $('#wires').effect("shake", { times:3000,  distance:31  }, 300).css('z-index','-1');
                //$('#wires').css('z-index','-1');
                $('#baccha').css('z-index','99999999999999999999');
                $("#saman1").live('click',function(){
                    alert("s");
                                $('#i1').attr('src','char2.gif');
                                $('#i1').addClass('run');
                                $('#i1').removeClass('stand');
                    });
                $("#bird").live('click',function(){
                                $('#i1').attr('src','char1.gif');
                                $('#i1').addClass('stand');
                                $('#i1').removeClass('run');
                    });
                $('#wires').sparks([ {
                                         number: 10,
                                         speed:  5,
                                         img:    'spark.png'
                                      }]);


                $('#bird')
                    .sprite({
                        fps: 3, 
                        no_of_frames:3,
                        start_at_frame: 1


                    });
                     $('#light')
                    .sprite({
                        fps: 20, 
                        no_of_frames:3,
                        start_at_frame: 1


                    });


            });
        })(jQuery);

    </script>

（函数（$）{
$（文档）.ready（函数（）{
$（'#wires'）.effect（“shake”，{times:3000，distance:31}，300）.css（'z-index'，'-1'）；
//$（'#wires'）.css（'z-index'，'-1'）；
$（'#baccha'）.css（'z-index'，'9999999999'）；
$（“#saman1”）.live（'click'，function（）{
警报；
$（'#i1'）.attr（'src'，'char2.gif'）；
$（'#i1'）.addClass（'run'）；
$（'#i1'）。removeClass（'stand'）；
});
$（“#鸟”）.live（'click'，function（）{
$（'#i1'）.attr（'src'，'char1.gif'）；
$（'#i1'）.addClass（'stand'）；
$（'#i1'）.removeClass（'run'）；
});
$（“#电线”）。火花（[{
编号：10，
速度:5,，
img:'spark.png'
}]);
$（“#鸟”）
雪碧先生({
fps:3，
帧的数量：3，
从帧开始：1
});
$（“#光”）
雪碧先生({
fps:20，
帧的数量：3，
从帧开始：1
});
});
})（jQuery）；

---

在IE中，我的wires div隐藏在它的任何地方，我尝试了空白bg，我看不到它，如果我把z-index 0放在baccha div前面，它会隐藏所有内容，在chrome中，我的点击功能不起作用，我收到一些错误资源，中断文本/纯文本，如果你想，我会发布错误这两部分：

    $('#bird').sprite({
        fps: 3,
        no_of_frames: 3,
        start_at_frame: 1, //remove this comma
    }) //put ; here, good practice

    $('#light').sprite({
        fps: 20,
        no_of_frames: 3,
        start_at_frame: 1, //remove this comma
    }) //put ; here, good practice

EDIT1:遗漏了一个部分，您能从中删除多余的逗号并重试吗

    $('#wires').effect("shake", {
        times: 3000,
        distance: 31, // remove this comma
    }, 300);

EDIT2:在结束

正文

标记的正上方，有一个额外的

。请将其删除，然后重试

---

EDIT3:问题在于HTML元素堆栈和CSS。为了说明我的观点，请从您的

地板上删除
边距顶部：-60px
，然后点击
saman1
。
您好，谢谢您的回复，但它不起作用，在chrome中，点击功能没有遇到任何问题，您的答案有一个大问题~ chrome和更新版本的IE不关心“死亡的尾随逗号”。@Sparky672，没有意识到这一点，谢谢你提供的信息。是的，当你第一次说的时候，我删除了所有额外的内容，但是Sparky672说它没有用。我明白了，问题是zindex的安排不好。谢谢，我会建议不要“直播”。它不赞成使用“直播”，此外，当您仅绑定到一个元素时，这样做也太过分了。此外，您应该考虑缓存选择器或链接。例如：$（'#wires'）.effect（“shake”{times:3000，distance:31，}，300）.css（'z-index'，'-1'）；例如：var$bird=$（“#bird”）；每次查找id时，尽管它是最有效的选择器形式，但仍然是DOM遍历。DOM访问是JS中最慢的操作//抱歉，格式太糟糕了，它不接受换行符。嗨，约翰，我知道优化代码是必要的，但我试过了，但文中的所有内容都显示了资源解释为脚本，但使用MIME类型text/plain传输的内容。您是否在脚本标记中设置了类型？前任：