Question

我正在尝试自定义swal提示代码。我想做的是从输入中获取值，然后将其发送到服务器进行处理。单击更新按钮后，什么也没有发生！我不明白为什么会这样。另外，我正在尝试在其中实现“取消”按钮，但它似乎也不起作用，看起来它只接受一个按钮。

以下是我的代码。

$(".edit").click(function(event)
        {
            var id = $(this).data("id");
            var $this = $(this);

            var value = $(this).closest('td').prev('td').text();

            swal("Edit The Category Name as Per Your Need Dude!", {
                    content: {
                                element: "input",
                                attributes: {
                                  placeholder: "Enter Your Desired Category Name",
                                  value: value,
                                },
                              },
                    buttons: {
                          cancel: {
                            text: "cancel",
                            value: true,
                            visible: true,
                            className: "btn-primary",
                            closeModal: true
                        },
                        confirm: {
                            text: "Update Name!",
                            value: true,
                            visible: true,
                            className: "btn-success",
                            closeModal: false
                        }
                    }
                })
                .then((value) => {
                    if(value != "")
                        {
                            swal(`You typed: ${value}`);
                        }
                    else
                        {
                            if (value === false) return false;

                            if (value === "")
                                {
                                    swal("You need to write something!", "", "error");
                                    return false;
                                }
                        }
                })
        });

Answer 1

如果要使用sweetAlert2来实现它，那么style.css?1541784087592使用的语法错误。您可以在https://sweetalert2.github.io/上查看完整的文档和示例。

如果我正确理解了要实现的目标，则可以使用sweetAlert2实现这一目标：

swal

您可以在https://materialistic-hen.glitch.me/

上看到上面代码的运行示例。

Sweetalert现在显示值和两个提示按钮

1 个答案: