2016-05-31 107 views
0

這裏是我的codepen:JQuery代碼只適用於Firefox?

http://codepen.io/anon/pen/gMbaMW

<!DOCTYPE html> 
<html> 
<head> 
<title>About me</title> 

<link rel="stylesheet" type="text/css" href="css/aboutme.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://raw.githubusercontent.com/mattboldt/typed.js/master/js/typed.js"></script> 


<script> 

    $(function(){ 
     $("#typed").typed({ 
      strings: ["Jack.", "a Programmer.","a Gamer.","an Enthusiast who has a passion for Knowledge, Experiences, Challenges and Food."], 
     typeSpeed: 20, 
      loop: false, 
      // defaults to false for infinite loop 
      callback: function(){ foo(); } 
     }); 


     function foo(){ console.log("Callback"); } 
    }); 

</script> 

</head> 

<header> 
<p>So, who am I?</p> 
</header> 
<body> 
<div class ="mtext"> 
<h1 id="pretyped"> I am <h1 id="typed"></h1></h1> 

<br> 
</div> 

</body> 
</html> 

的事情是我的默認瀏覽器,也就是說這僅適用。火狐,它只是直立不適用於其他任何東西。任何幫助?

回答

0

我相信這是因爲你正在通過GitHub加載typed.js庫,它沒有正確的MIME類型。我建議使用類似RawGit的東西來爲圖書館服務,或者只是在本地下載並加載它。

使用RawGit的URL看起來像https://rawgit.com/mattboldt/typed.js/master/js/typed.js開發和https://cdn.rawgit.com/mattboldt/typed.js/master/js/typed.js生產。

我創建了一個JSFiddle,你可以參考here

+0

omfg,非常感謝你的原始鏈接修復它。你最好的<3 –

相關問題