javascript - 如何使用 sweetalert 创建模式警报？

Question

我是 Javascript 的初学者，当用户单击页面上的 menu2 返回消息时，我需要为用户生成警报，为此我选择使用与所有浏览器兼容的模式插件 Plugin modal下面的代码是我到目前为止所能得到的所有代码，但没有成功。这是我的 html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<ul id='menu'>
  <li id='menu1'><a href='/web/front/helpdesk.public.php' title="Home" class='itemP'>Home</a>
  </li>
  <li id='menu2'><a href='/web/front/helpdesk.public.php' title="Cria um chamado" class='itemP'>Cria um chamado</a>
  </li>
  <li id='menu3'><a href='/web/front/ticket.php' title="Chamados" class='itemP'>Chamados</a>
  </li>
  <li id='menu4'><a href='/web/front/reservationitem.php' title="Reservas" class='itemP'>Reservas</a>
  </li>
  <li id='menu5'><a href='/web/front/helpdesk.faq.php' title="FAQ" class='itemP'>FAQ</a>
  </li>
</ul>

这是我的 JavaScript

echo '<script type="text/javascript">';
  echo'setTimeout(function () {
  swal
  ("Return the alert test !",
  "Message!",
  "success");';
  echo '}, 1000);
  </script>';

返回页面上运行的警报。

我已经尝试过这种方法，但到目前为止还没有成功。

     echo '<script type="text/javascript">';
  echo'setTimeout(function () {
  echo '$(document).ready(function() {
  echo '$('#menu2').click(function(event) { 
  swal
  ("Return the alert test !",
  "Message!",
  "success");';
  echo '}, 1000);
  </script>';

尝试在我的 php 中运行解决方案时出错。

我不想调用该方法，事件的默认操作不会触发。为此，请使用 event.preventDefault ();但这对我不起作用。警报不会出现。有没有人有解决办法？

echo '<script type="text/javascript">';
echo '$(document).ready(function(){';
echo '    $("#menu2").click(function(event){'; 
echo '            event.preventDefault()';        
echo '        swal("Return the alert test !", "Message!", "success")';
echo '    })';
echo '});';
echo '</script>';

Answer 1

你的原始 jquery 应该看起来像这样(正确关闭的函数):

$(document).ready(function(){
    $('#menu2').click(function(event){ 
        swal("Return the alert test !", "Message!")
    })
});

无论你如何回应，都取决于你。此外，您不需要使用 document.ready() 来设置 Timeout()。

编辑:

echo '<script type="text/javascript">';
echo '$(document).ready(function(){';
echo '    $("#menu2").click(function(event){';
echo '        swal("Return the alert test !", "Message!")';
echo '    })';
echo '});';
echo '</script>';