使用jquery动画弹出页面

时间:2016-01-08 10:15:26

标签: jquery

我有一个弹出窗口,上面有“返回”按钮。点击它会动画并显示上一个弹出页面。

这是一个标记

<div class="placeorder">    
    <div class="link">
        <a id="lnkPlaceOrder" href="#">Place Order </a>
    </div>
</div>
<div class="finalizePopoupBottomContainer">
    <button type="button" class="midBtn gray pullLeft" tabindex="9">
        <img id="img1" src="../Images/go-back-icon.png">
        <span class="finalizingGoBackBtn" id="btnGoBack">Go Back</span>
    </button>
</div>

Place Order链接和Go Back按钮执行相同的任务

$('#btnGoBack,#lnkPlaceOrder').die('click');
$('#btnGoBack,#lnkPlaceOrder').click(function () {
    $("#divFinalizePopup2").empty();
    $("#divFinalizePopup2").css({ left: 0 });
    $("#divFinalizePopup1").css('left', '-1600px');
    $('#divFinalizePopup1').load('CustomerPages/FinalizePopup1.htm', function () {
        $("#divFinalizePopup1").animate({ left: "-800px" }, { duration: 1000, queue: true });
        $('#divPopup2,#divPopup').removeClass('downloadPopup');
        return false;
    });
});

代码适用于Chrome&amp; Firefox浏览器。但是在IE 11中没有。当我点击GO返回按钮时,它会给出错误SCRIPT28: Out of stack space

注意:Place Order链接可以在IE 11中使用。

0 个答案:

没有答案