0

昨天我正在寻找使用 javascript 的文本效果。我被指着这个小提琴： http: //jsfiddle.net/vCx6W/1/这是它发布的地方： https ://stackoverflow.com/questions/4074399/what-to-choose-for-typewriter-effect -in-javascript

我正在尝试使用相同的东西。我添加了这样的javascript：

 <script type="text/javascript" src="http://code.jquery.com/
 jquery-1.4.2.min.js"></script>

 <script type="text/javascript">
 $.fn.teletype = function(opts) {
 var $this = this,
    defaults = {
        animDelay: 50
    },
    settings = $.extend(defaults, opts);

 $.each(settings.text, function(i, letter) {
    setTimeout(function() {
        $this.html($this.html() + letter);
    }, settings.animDelay * i);
 });
 };

 $(function() {
 $('#container').teletype({
    animDelay: 100,
    text: 'Now is the time for all good men to come to the aid of their country...'
 });
 });
 </script>

这在 HTML 中：

 <div id="container"></div>

但是，我根本无法使文本出现。我究竟做错了什么？

4

2 回答 2

3

也许使用正确的 jQuery 框架？

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

还要在http://code.jquery.com/ ... 之后删除断线；）

像这样：

<html>
    <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

     <script type="text/javascript">
     $.fn.teletype = function(opts) {
     var $this = this,
        defaults = {
            animDelay: 50
        },
        settings = $.extend(defaults, opts);

     $.each(settings.text, function(i, letter) {
        setTimeout(function() {
            $this.html($this.html() + letter);
        }, settings.animDelay * i);
     });
     };

     $(function() {
     $('#container').teletype({
        animDelay: 100,
        text: 'Now is the time for all good men to come to the aid of their country...'
     });
     });
     </script>

    </head>
    <body>

       <div id="container"></div>
    </body>
</html>
于 2012-12-04T14:52:47.443 回答
1

我猜这不是javascript的问题，而是加载所需的资源。

我无法通过您提供的网址加载 jquery：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>'

一个简单的方法是使用浏览器的开发工具（我使用 Chrome）。当我在 Chrome 中打开包含此代码的页面时，按 f12 打开开发人员工具，并检查控制台，我收到错误“加载资源失败：服务器响应http:/状态为 404（未找到）” /code.jquery.com/%20jquery-1.4.2.min.js

另外，我注意到小提琴使用的是 jQuery 1.7.2。如果您仍然遇到问题，请尝试 1.7.2 而不是 1.4.2。

于 2012-12-04T15:00:23.080 回答