Question

所以我有一个.js文件，我正在尝试使用sweetalert向用户发送消息。此外，我还想在.js文件中动态加载sweetalert的.js和.css文件。

 // Load script
 var filerefjs = document.createElement('script');
 filerefjs.setAttribute("type", "text/javascript");
 filerefjs.setAttribute("src", "../../rotateScreen/dist/sweetalert.min.js");

 // Load CSS file
 var filerefcss = document.createElement("link");
 filerefcss.setAttribute("rel", "stylesheet");
 filerefcss.setAttribute("type", "text/css");
 filerefcss.setAttribute("href", "../../rotateScreen/dist/sweetalert.css");

  if (window.innerHeight < window.innerWidth){ 

      window.onload = function(){
        document.getElementById('b6').onclick = function(){
           swal({title: "",   text: "Message", 
                imageUrl: "../../rotateScreen/example/images/rotate.png", confirmButtonText: "OK"});
        };
      } 

   } // if

我没有收到任何错误，但屏幕上没有显示警告框。

Answer 1

您的代码看起来正确（根据那里的网站）。仔细检查您是否正确链接了sweetalert.js文件。还可以查看CHROMES开发人员工具中的控制台并确保没有错误，如果有任何未链接的文件或丢失的文件，它将显示。

我测试了这段代码，它在.js文件中运行良好

sweetAlert('error', "Enter A valid email please", 'error');

如何在.js文件中使用sweetalert

1 个答案: