blast.js示例可在代碼筆上完美運行，但不能在本地運行

Question

我剛來到blast.js並遇到嘗試運行示例的問題 。 該示例可在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 ）
在k（ https://code.jquery.com/jquery-3.1.1.min.js:2:30262 ）未定義

錯誤：{“消息”：“未捕獲的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> 

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中定義的函數，但是由於不是這樣，您會收到該錯誤。