代碼在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的

回答

相關問題