blast.js示例在代码笔上完美运行,但不在本地运行

时间:2017-03-07 10:56:30

标签: javascript jquery

我刚刚遇到blast.js,并且在尝试运行example时面临问题。该示例在codepen上完美运行,但在本地无法在我的机器上运行。控制台报告以下警告和错误。 非常感谢社区的帮助。

  

警告:jQuery.Deferred异常:$(...)。blast不是函数TypeError:$(...)。blast不是函数
      在HTMLDocument。 (http://stacksnippets.net/js:24:6
      在j(https://code.jquery.com/jquery-3.1.1.min.js:2:29948
      at k(https://code.jquery.com/jquery-3.1.1.min.js:2:30262)undefined

     

错误:{     “message”:“Uncaught TypeError:$(...)。blast不是函数”,
    “filename”:“https://code.jquery.com/jquery-3.1.1.min.js”,
    “lineno”:2,
    “colno”:31635
  }

/* jquery.js */
/* jquery.velocity.js */
/* velocity.ui.js */
/* jquery.blast.js */
$(document).ready(function() {
  $("div")
    // Blast the text apart by word.
    .blast({
      delimiter: "word"
    });
});
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>

<div>
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do. Eiusmod tempor incididunt ut labore et dolore magna aliqu.
</div>

1 个答案:

答案 0 :(得分:1)

您必须在html中导入javascript库;在您的代码中,您只导入了jQuery,但在CodePen中,在javascript设置中,您可以看到

现在你的浏览器希望.blast()成为jQuery中定义的函数,但是因为它不是你得到的错误。