-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 の前に表示され、クロムではクリック機能が機能しません。エラーリソースがテキスト/プレーンな物を中断した場合は、エラーを投稿します

4

1 に答える 1

4

これらの2つのセクションから余分なコンマを削除してみてください。

    $('#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

編集1： 1つのセクションがありません。これからも余分なカンマを削除して、再試行できますか？

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

EDIT2：終了タグ</div>のすぐ上の最後に余分なものがあります。bodyそれを削除して、再試行してください。

EDIT3：問題はHTML要素スタックとCSSにあります。私の主張を明確にするために、 divスタイリングmargin-top: -60pxからを削除して[作品]をクリックしてください。floorsaman1

于 2012-07-26T04:19:27.080 に答える