javascript - blast.js 示例在代码笔上完美运行，但在本地运行不佳

Question

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

Warning: jQuery.Deferred exception: $(...).blast is not a function TypeError: $(...).blast is not a function
at HTMLDocument. (http://stacksnippets.net/js:24:6)
at 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

Error: { "message": "Uncaught TypeError: $(...).blast is not a function",
"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>

Answer 1

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

• http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
• http://julian.com/research/velocity/build/jquery.velocity.min.js
• http://velocityjs.org/build/velocity.ui.js
• http://velocityjs.org/blast/build/jquery.blast.js

现在您的浏览器期望 .blast() 是 jQuery 中定义的函数，但由于它不是您会收到的错误。