Javascript jQuery模式弹出窗口在动画后未打开
我有一段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, "
$(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)你的代码以检查语法错误!你能做一个检查以便我们能看到发生了什么吗?