与sweetalert的回声不起作用

时间:2015-03-05 12:09:59

标签: sweetalert

我正在尝试回显警报/通知框。这个工作正常 -

echo '<script language="javascript">';
echo 'alert("Record successfully added in database")';
echo '</script>';

但是我想在2秒后给出消失的时间。我不知道该怎么做。我通过sweetalert发现它是可能的。所以我确实喜欢这个 -

echo '<script src="sweetalert/lib/sweet-alert.min.js">';
echo '<link rel="stylesheet" type="text/css" href="sweetalert/lib/sweet-alert.css">';
echo 'swal({   title: "Record added successfully!",   
               text: "I will close  in 2 seconds.",   
                timer: 2000 
       });';
echo '</script>';

非常感谢任何帮助。

7 个答案:

答案 0 :(得分:12)

当我使用时,我也面临同样的问题:    仅 echo '<script> swal("....");</script>'; ...

经过一天半的尝试,我克服了这个问题,如下所述:

<?php
  echo '<script type="text/javascript">';
  echo 'setTimeout(function () { swal("WOW!","Message!","success");';
  echo '}, 1000);</script>';
?>

HOPE它也会帮助你和其他人......

答案 1 :(得分:1)

只需调用包含来自php echo的甜蜜警报的自定义javascript函数,如下所示:

<header>
<link rel="stylesheet" type="text/css" href="....'path to ur sweet alert.css'">
<script type="text/javascript" src="....'path to ur sweetalert.js'"></script>
<script type="text/javascript">

function myFn(){
        swal({ 
              title: "Success",
              text: "Thank you for contacting us. We will get back to you soon!",
              type: "success" 
        },
             function(){
                //event to perform on click of ok button of sweetalert
        });
}
</script>

</header>


<?php
   echo '<script type="text/javascript">
       myFn();
      </script>';
?>

//希望这对你有用..因为它对我有用

答案 2 :(得分:0)

我没有问题将文件夹输入到文件顶部,如下所示:

    <html>
<head><title></title>
	<script src="sweet/sweetalert.min.js"></script> 
 	<link rel="stylesheet" type="text/css" href="sweet/sweetalert.css">
 	<link rel="stylesheet" type="text/css" href="sweet/facebook.css">
</head>
<body>

然后我打开了php代码

<?php include ('conexion.php'); .....
echo "<script language = javascript>
                swal({  title: 'Información',
                 text: 'Se ha enviado su petición!',  
                type: 'success',    
                showCancelButton: false,   
                closeOnConfirm: false,   
                confirmButtonText: 'Aceptar', 
                showLoaderOnConfirm: true, }, 
                function(){   
                    setTimeout(function(){     
                        location = 'Frm.php';  
                    });
                     });
            </script>";

一切都运作良好。 此致!

答案 3 :(得分:0)

    <script>
        var swaltitle,swaltext,swallink,swaltype,swallocation,confirmButtonText;
        function showSwal()
        {
            swal({
                  title: swaltitle,
                  text: swaltext,
                  type:swaltype,
                  showCancelButton: false,
                  confirmButtonText:confirmButtonText,
                  timer: 3000
                }).then(
                function () 
                {
                    window.location.href=swallocation;
                },
                function (dismiss)
                {
                    if (dismiss === 'timer') 
                    {
                      window.location.href=swallocation;
                    }
                }
            )
        }
        </script>
    </head>
<body onload="showSwal()">

然后你可以通过php echo设置所有swal varibles的值,也不要忘记包含CSS和JS链接。

像这样的东西

<script type="text/javascript">
                            swaltitle="Success";
                            swaltype="success";
                            swaltext="your message";
                            swallocation="xyz?id="+<?php echo $order_id?>;
                            confirmButtonText="Proceed";
                            </script>

答案 4 :(得分:0)

类似这样的东西

这对我来说最简单的方法包括css和js,然后放上这段代码。

echo "<script>     
  swal('Error!', 'You have tried too many invalid  Attempt !', 
  'error', {closeOnClickOutside: false,});
  </script>";

答案 5 :(得分:0)

  • PHP版本7.2.33。
  • Sweet Alert 2 Ver.10.0.2。

我遇到了同样的错误。

最适合我的解决方案,在回响“甜蜜警报”时不要使用'',请尝试替换那些''白色“” < / p>

示例:

               echo "<script>
           
                Swal.fire({
                     icon: 'error',
                     title: 'Oops...',
                     text: '¡El usuario no debe ir en blanco o llevar caracteres especiales!',
                     showConfirmButton: true,
                     confirmButtonText:'Cerrar ',
                     closeOnConfirm: false

                     })

                 </script>";

errors when using ' ' echoing the Sweet Alert

Everything clear while using " " echoing the Sweet Alert

答案 6 :(得分:0)

我遇到了同样的问题。后来就用这个傻方法哈哈:

$swal='swal';
echo '<script>'.$swal.'("Error!", "Something Went Wrong!", "error");</script>';

所以,也许你可以尝试类似的事情。

喜欢:

$swal='swal';
echo '.$swal.'({   title: "Record added successfully!",   
               text: "I will close  in 2 seconds.",   
                timer: 2000 
       });';