Question

我有一段像这样编写的jquery代码：

$(document).on("click", ".btnSingleSave", function (event) {
    event.preventDefault();
    var originalState = $(".hideIt").clone();
    $(".hideitAmazon").animate({
        height: ["70"],
        opacity: "toggle"
    }, 800, "linear", function () {
        $('.loader').show();
        setTimeout(function () {
            var el = document.getElementById("cancelButton");
            el.click();
            $('.loader').hide();
        }, 2800);
        setTimeout(function () {
            $(".hideIt").replaceWith(originalState);
        }, 3500);
    });
});

正如你在这里看到的那些家伙我在onclick事件上触发了一个动画按钮，动画模式弹出窗口（动画卷起弹出窗口并使事件完成后消失...

如果用户触发此事件然后单击表单上的其他位置（意味着弹出窗口失去焦点），这里的问题是什么...然后当我尝试调用弹出窗口以便下次打开时，它没有显示在表单上，除非我完全刷新页面。

我发现我需要对这个事件做点什么：

$("#modalFadeOut").focusout(function () {
    $('#modalFadeOut').trigger("reset");
});

这就是弹出窗口外层的样子：

<div class="remodal" style="width:80%" id="modalFadeOut" data-remodal-id="modal3">

</div>

如果用户点击动画上的其他位置，我需要以某种方式重置弹出窗口，以便当用户点击触发弹出窗口的事件时我可以再次重新显示...

有人能帮助我吗？

动画后jQuery模态弹出窗口无法打开

0 个答案: