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

Posted 2023-02-22

【中文标题】Sweetalert - Javascript中的调用函数[关闭]

【英文标题】：Sweetalert - Call function in Javascript [closed]

【发布时间】：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）

请参考以下较早的请求***.com/questions/16282909/…

首先执行：<script src="lib/sweet-alert.min.js"></script>，然后是<script src="pathToFile/test.js"></script>。这样会先加载甜蜜警报，然后test.js 可以访问它。

【参考方案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(' ');