如何解决使用 SweetAlert 弹出通知
如何自定义提醒以使其成为甜蜜提醒?之前没有真正使用过那个,所以我不知道。尝试检查文档,但它不适用于我的代码。
我当前的弹出窗口如下所示:
现在,我想使用 SweetAlert 改进它以使其看起来更漂亮。这是我的 JS 代码:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<script>
$(document).ready(function(){
setInterval(function(){
load_last_notification();
},3000);
Swal.fire({
position: 'top-end',showConfirmButton: false,timer: 1500
})
function load_last_notification()
{
$.ajax({
url:"fetch.php",method:"POST",success:function(data)
{
swal('.content');
$('.content').html(data);
}
})
}
});
</script>
和 fetch.php 文件:
<?php
//fetch.php;
$connect = mysqli_connect("localhost","root","","userdata");
$query = "SELECT * FROM `notification` WHERE msg_status = 0 ORDER BY n_id DESC";
$result = mysqli_query($connect,$query);
$output = '';
while($row = mysqli_fetch_array($result))
{
$output .= '
<div class="alert alert_default">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<p><strong>'.$row["n_sub"].'</strong>
<small><em>'.$row["n_msg"].'</em></small>
</p>
</div>
';
}
$update_query = "UPDATE `notification` SET msg_status = 1 WHERE msg_status = 0";
mysqli_query($connect,$update_query);
echo $output;
?>
html:
<div id="alert_popover">
<div class="wrapper">
<div class="content">
</div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。