javascript - 从 PHP 创建 JavaScript Snackbar

标签 javascript php jquery html twitter-bootstrap

我有一些 php 脚本,在提交一个简单的 2 文本字段表单时会调用该脚本。我试图从 php 中在页面上“创建”一个 snackbar ,让用户知道他们的链接已成功发送,但它似乎根本不起作用。

我知道 snackbar 工作正常,因为我在加载页面中创建它们以测试它们。 PHP 脚本每次也会发送电子邮件,因此也没有问题。

这是我的 PHP 代码:

<?php
$name = $_POST['txtname'];
$link = $_POST['txtlink'];

// EMAIL STRUCTURE
$from = 'Banner Mastering';
$to = 'bannermastering@gmail.com';
$subject = "BannerMastering: You have a new download from $name";
$body ="From: $name\nDownload Link: $link";

//SEND EMAIL
if (mail ($to, $subject, $body, $from)) {
    echo '<script>
        $(function() {
            $.snackbar({content: "Your download link has been sent, thanks!", timeout: 10000});
        });
    </script>';


}
header("Location: http://www.bannermastering.co.uk/upload.html");
exit();
?>

我正在使用 Snackbar JS:https://github.com/FezVrasta/snackbarjs 这是我的上下文页面:http://www.bannermastering.co.uk/upload.html

任何帮助将不胜感激,谢谢!

最佳答案

尝试实例化:

$(function() {
    $.snackbar({content: "Your download link has been sent, thanks!", timeout: 10000});
});

作为准备好在页面加载时调用的函数,这样它就在 DOM 中,然后让回调触发它。

关于javascript - 从 PHP 创建 JavaScript Snackbar,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30128262/

相关文章:

php - 以 laravel 形式设置选定的选项

php - 指向所获取数据库字段的超链接

在线上传网站时,PHP 时区变得困惑

javascript - 当父元素固定且具有相同的 z 索引时,子元素 z 索引不起作用?

javascript - 如何使用 jquery 清空嵌套 <li> 中的 <ul>

javascript - Wordpress 中奇怪的滚动问题

javascript - 如何仅使用 javascript 获取特定 div/form 的所有子输入?

javascript - 如何在不锁定主体流的情况下知道提取何时结束?

javascript - 如何在jquery中追加回表的排序列

javascript - 提交表单时执行 JavaScript