Sweetalert - Javascript中的调用函数[关闭]答案

【问题标题】：Sweetalert - Call function in Javascript [closed]Sweetalert - Javascript中的调用函数[关闭]
【发布时间】：2015-02-10 19:52:53
【问题描述】：

我正在使用 SweetAlert。

http://tristanedwards.me/sweetalert

为此我需要初始化插件

<script src="lib/sweet-alert.min.js"></script>
<link rel="stylesheet" type="text/css" href="lib/sweet-alert.css">

我需要从我的文件test.js中调用函数swal，即：

var accountnumber_c = $('#accountnumber_c').val();
if($('#accountnumber_c').val()=="")
{
    return;
}
swal('accountnumber_c');

这 在 php 文件中工作，但在 test.js 中它给出“未定义 swal 函数”。

另外如何在 test.js 中初始化插件？

【问题讨论】：

请创建一个minimal complete verifiable example，以便我们诊断您的问题。
“这在 php 文件中有效” JS 函数究竟如何在 PHP 文件中“有效”？
据我了解，您将只有一个导入语句（sweet-alert.min.js 或 sweet-alert.js）
请参考以下较早的请求stackoverflow.com/questions/16282909/…
首先执行：<script src="lib/sweet-alert.min.js"></script>，然后是<script src="pathToFile/test.js"></script>。这样会先加载甜蜜警报，然后test.js 可以访问它。

标签： javascript

【解决方案1】：

如果你想在另一个 js 文件中引用 swwtalert js，你需要使用以下代码来完成它：

 var script = document.createElement('script');
    script.src = "/path/to/the/other/file.js";
    document.getElementsByTagName('script')[0].parentNode.appendChild(script);
    //for CSS file
    $('head').append('<link rel="stylesheet" href="your/cssfilelocation/filename.css" type="text/css" />');

如果您需要在 sweetalert 之前包含 jquery，请使用类似的代码在其前面添加 jquery。

【讨论】：

@FelixKling 他在 php 中没有任何问题。他的问题是如何在他的自定义js中引用另一个js（他提到的js文件）。据我了解，他计划将所有 js 移到单独的 js 文件中，并仅在 php 文件中引用。他的问题是“我如何在 JS 中初始化插件”，因为他想将 js 测试为完整的单元。
这不起作用 Uncaught ReferenceError: swal is not defined
这是 test.js $(document).ready(function() { $('#accountnumber_c').blur(function(){ var script = document.createElement('script') ; script.src = "swal/lib/sweet-alert.min.js"; document.getElementsByTagName('script')[0].parentNode.appendChild(script); swal(accountnumber_c); }); });
@asvasdvasdvsadvs 包含 sweet-alert.min,js 应该是 test.js 文件中的第一件事。请执行console.log(document.getElementsByTagName('script')) 验证是否添加了js文件。
我担心 css 会产生问题。您可以按如下方式加载它，因为您使用的是 jquery： $('head').append(' ');