Question

这是我的代码：

<!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>

事情是这只适用于我的默认浏览器，即。火狐，它只是直立不起作用于其他任何东西。有什么帮助吗？

Answer 1

我相信它是因为您通过GitHub加载typed.js库，而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。

JQuery代码只能在firefox上运行？

1 个答案: