-1

我正在创建一个具有很多效果并响应一些用户操作的 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 中我的点击功能不起作用我得到了一些错误资源中断的文本/简单的事情如果你愿意我会发布错误

4

1 回答 1

4

尝试从这两个部分中删除多余的逗号：

    $('#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从您的floordiv 样式中删除，然后单击即可saman1。

于 2012-07-26T04:19:27.080 回答