javascript - Chrome 中带有文本框的 sweetalert 对话框

Question

我在使用 Chrome 中带有文本字段的 sweetalert 对话框时遇到问题。它在 mozila 中工作得很好，但在 chrome 中不起作用。警报框可以工作，但不允许在 texbox 中输入值。

下面是jquery

function sendmail(val){
swal({
    title: "Send E-Mail",
    text: "<input type='email' class='form-control' name='email' id='email'/>",
    showCancelButton: true,
    confirmButtonClass: "btn-danger",
    confirmButtonText: "Send",
    html: true,
    closeOnConfirm: false
},
function (isConfirm) {
    if (isConfirm) {
        var email = $("#email").val();
        var dataString = 'email=' + email + '&id=' + val;
        $.ajax({
            type: "POST",
            url: "../class/sendmail.php",
            data: dataString,
            cache: false,
            success: function (result) {
                swal("sent!", "Your Mail has been sent.", "success");
            }
        });
    }
});}

Answer 1

我认为这是两件事，首先你使用了 Sweet Alert 的输入错误。您想要更改要输入的甜蜜警报的类型。

swal({   
    title: "An input!",   
    text: "Write something interesting:",   
    type: "input",   
    showCancelButton: true,   
    closeOnConfirm: false,   
    animation: "slide-from-top",   
    inputPlaceholder: "Write something" }, 
function(inputValue){   
    if (inputValue === false) return false;      
    if (inputValue === "") {     
        swal.showInputError("You need to write something!");     
        return false   
    }      
    swal("Nice!", "You wrote: " + inputValue, "success"); 
});

这取自 sweetalert Website 上的示例

此外，当您在 DOM 加载后添加 input#email 时，您需要使用类似 jQuery 的 .on() 的东西。功能。