Question

我正在创建一个具有大量效果的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>

在IE中我的导线div隐藏它无处我尝试空白bg我看不到它，如果我把z-index 0然后它将来到baccha div前面隐藏所有东西而在chrome中我的点击功能不起作用我我得到一些错误资源中断文本/普通的东西，如果你想我会发布错误

Answer 1

尝试从以下两个部分删除额外的逗号：

    $('#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 ：在结尾</div>标记的末尾有一个额外的body。删除它，然后重试。

EDIT3：问题出在HTML元素堆栈和CSS上。为了说明问题，请从margin-top: -60px div样式中删除floor，然后点击saman1即可。

代码适用于Firefox，但不适用于IE或Chrome

1 个答案: