2016-05-31 3 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> 

事は私のデフォルトのブラウザ、IEでのみ動作です。ファイアフォックス、それはちょうど直立して何かの仕事をしません。どんな助け?

答えて

0

typed.jsライブラリをGitHub経由でロードしているためです.GitHubは正しい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、本当にありがとう、rawgitのリンクを修正しました。あなたのベスト<3 –

関連する問題