未捕获的TypeError：undefined不是函数（匿名函数）

Question

我正在尝试实现SimpleModal（ http://www.ericmmartin.com/projects/simplemodal/ ）。 但是，我收到一个奇怪的错误。 我无法解决，但希望你们能解决。 如果您能解释原因，那太好了。

我做了一些调试。 并且https://example.com/scripts/sm.js是正确的并已加载。 （与以下网址完全相同： https : //simplemodal.googlecode.com/files/jquery.simplemodal-1.4.4.js ）

            $("body").append("<script type=\"text/javascript\" src=\"https://example.com/scripts/sm.js\"></script>");
            $("body").append("<style>#basic-modal-content{display:none}#simplemodal-overlay{background-color:#000}#simplemodal-container{height:360px;width:600px;color:#bbb;background-color:#333;border:4px solid #444;padding:12px}#simplemodal-container .simplemodal-data{padding:8px}#simplemodal-container code{background:#141414;border-left:3px solid #65B43D;color:#bbb;display:block;font-size:12px;margin-bottom:12px;padding:4px 6px 6px}#simplemodal-container a{color:#ddd}#simplemodal-container a.modalCloseImg{background:url(../img/basic/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-16px;cursor:pointer}#simplemodal-container h3{color:#84b8d9}</style>");
            $("body").append("<div id=\"basic-modal-content\"><h3>Basic Modal Dialog</h3><p>For this demo, SimpleModal is using this \"hidden\" data for its content. You can also populate the modal dialog with an AJAX response, standard HTML or DOM element(s).</p><p>Examples:</p><p><code>$('#basicModalContent').modal();// jQuery object - this demo</code></p><p><code>$.modal(document.getElementById('basicModalContent'));// DOM</code></p><p><code>$.modal('&lt;p&gt;&lt;b&gt;HTML&lt;/b&gt;elements&lt;/p&gt;');// HTML</code></p><p><code>$('&lt;div&gt;&lt;/div&gt;').load('page.html').modal();// AJAX</code></p><p></p></div>");

            $('#basic-modal-content').modal();

我究竟做错了什么？

Answer 1

我猜这意味着模态不是函数，因此sm没有正确导入。 如果您只写一个常规脚本标签而不是附加标签怎么办？