Javascript jQuery模式弹出窗口在动画后未打开

Javascript jQuery模式弹出窗口在动画后未打开,javascript,jquery,html,animation,popup,Javascript,Jquery,Html,Animation,Popup,我有一段jquery代码是这样写的: $(document).on("click", ".btnSingleSave", function (event) { event.preventDefault(); var originalState = $(".hideIt").clone(); $(".hideitAmazon").animate({ height: ["70"], opacity: "toggle" }, 800, "

我有一段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>

如果用户单击动画上的其他地方,我需要以某种方式重置弹出窗口,这样当用户单击触发弹出窗口打开的事件时,我可以再次显示它


有人能帮我吗?

你能提供你所需要的HTML吗?
.hideIt
.hideitAmazon
.loader
?检查(windows上的F12)你的代码检查语法错误!你能做一个检查以便我们能看到发生了什么吗?你能提供你所需要的HTML吗?
.hideIt
.hideitAmazon
.loader
?检查(windows上的F12)你的代码以检查语法错误!你能做一个检查以便我们能看到发生了什么吗?