简单的模态弹出窗口在除IE8和IE9之外的所有浏览器中都有效

时间:2013-05-24 21:48:19

标签: css jquery-ui jquery jquery-plugins

我正在使用此div使用jquery打开退出弹出窗口。但它没有在IE8和IE9中显示。

这是div:

<div style="display: none; padding: 10px;" id="exit_content">
    <h3>10% Discount on purchase of this item!</h3><br />
</div>

这两个函数用于在鼠标移动时打开和关闭弹出窗口。

function modalOpen (dialog) {
    dialog.overlay.fadeIn('fast', function () {
        dialog.container.fadeIn('fast', function () {
            dialog.data.hide().slideDown('fast');
        });
    });
}

function simplemodal_close(dialog) {
    dialog.data.fadeOut('fast', function () {
        dialog.container.hide('fast', function () {
            dialog.overlay.slideUp('fast', function () {
                $.modal.close();
            });
        });
    });
}

这是用于打开和关闭的脚本。

$(document).mousemove(function(e) {
     if(e.pageY <= 5) {
         // Launch MODAL BOX
         $('#exit_content').modal({onOpen: modalOpen, onClose: simplemodal_close});
     } 
 });

此弹出窗口显示在除IE8和IE9之外的所有浏览器中。

1 个答案:

答案 0 :(得分:1)

$(document).mousemove(function(e) {
     if(e.pageY <= 5) {

这可能是IE8和IE9中的突破,尝试调试并查看IE传递的值为e

我认为pageY不会出现在旧IE