Sweetalert: 我将如何以及在何处修改以在成功模式上添加多个按钮

创建于 2016-01-12 · 4评论 · 资料来源: t4t5/sweetalert

嘿
在成功模式上，我想知道是否有一种方法可以添加一些按钮来告诉用户类似

“嘿，工作成功了”
“现在您可以执行以下操作之一”
“选项 1 链接” “选项 2 链接” “选项 3 链接”

我现在这不是插件的用途，但如果我不得不调整这个插件以开始接受像 {text:'', link:''} 这样的 jsn 集合并相应地呈现按钮......我会从哪里开始和？

资料来源

yrshaikh

最有用的评论

我可能有点晚了，但我希望这会有所帮助。

https://github.com/andrew-mestas/swalExtend/tree/master

andrew-mestas 于 2016-07-19

👍8 🎉2 ❤1

所有4条评论

AFAIK，你不能。这两个按钮系统在整个脚本中都是硬编码的。需要进行大量更改才能使其正常工作。您可以做的是使用 html 选项在模态正文中添加您自己的按钮。

daxpandhi 于 2016-01-15

我得到了这个工作，我必须正确的一些javascript，可能不是正确的方法，但对我有用。在这里分享

if (buttons) {
            var className = ".sweet-alert";
            var container = "<div class='sw-btn-container'><div class='buttons'></div></div>";
            $(className).after("h2").append(container);
            var buttonDiv = ".sweet-alert .buttons";
            _.each(buttons, function (item) {
                if (item.url) {
                    $(buttonDiv).append("<a class='confirm' href='" + item.url + "'>" + item.text + "</a>");
                } else if (item.onclick) {
                    $(buttonDiv).append("<a class='confirm' onclick='" + item.onclick + "'>" + item.text + "</a>");
                }
            });
        }

yrshaikh 于 2016-02-25

我可能有点晚了，但我希望这会有所帮助。

https://github.com/andrew-mestas/swalExtend/tree/master

andrew-mestas 于 2016-07-19

👍8 🎉2 ❤1

该插件正是我所需要的，感谢您提供的信息：D

JavierCabezas 于 2017-03-02

此页面是否有帮助？

0 / 5 - 0 等级

Sweetalert: 我将如何以及在何处修改以在成功模式上添加多个按钮

最有用的评论

所有4条评论

相关问题