代码在Firefox，但无论是在IE浏览器也不是Chrome的

-1

我创造有很多的影响jQuery的动画和响应一些用户的行动，但代码工作正常与Firefox，而不是在IE或Chrome这里是我的代码代码在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前面隐藏一切，并在铬我的点击功能不工作我我得到一些错误资源中断文本/简单的事情，如果你想我会发布错误

来源

2012-07-26 user1553429

我会推荐反对“活”。它不赞成使用“on”，此外，当你只绑定到一个元素时，它是过度的。你也应该考虑缓存你的选择器或链接。（'z-index'，' - 1'）; EX： $（'＃wires'）。effect（“shake”，{times：3000，distance：31，}，300） EX： var $ bird = $（“＃bird”）; 每次你在一个id上查找，虽然是最有效的选择器形式，但它仍然是一个DOM遍历。在JS中，DOM访问是最慢的事情。 //抱歉格式不对，不会接受换行符。 – jholloman 2012-07-26 04:24:29

嗨jholloman我知道代码的优化是必要的，但我试过这个，但一切都在静脉镀铬说东西资源解释为脚本，但与MIME类型文本/平原传输 – user1553429 2012-07-26 04:33:18

你是你的脚本标签设置类型？ EX： – jholloman 2012-07-26 14:17:45

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

$('#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。只是为了说明我的观点，请从floor div样式中删除margin-top: -60px，然后点击saman1作品。

来源

2012-07-26 04:19:27

嗨jsang感谢回复，但它没有工作，在铬点击功能没有得到任何呼叫 – user1553429 2012-07-26 04:24:18

您的答案的一个大问题〜Chrome而更新版本的IE并不关心_“死亡的尾随逗号”_。 – Sparky 2012-07-26 04:25:45

@ Sparky672，没有意识到，谢谢你的信息。 – 2012-07-26 04:31:01

代码在Firefox，但无论是在IE浏览器也不是Chrome的

回答

相关问题