css - 简单模式弹出窗口适用于除 IE8 和 IE9 以外的所有浏览器

Question

我正在使用此 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 之外的所有浏览器中。

Answer 1

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

这可能是 IE8 和 IE9 中的问题，尝试调试并查看 IE 将什么作为 e 的值传递

我不认为 pageY 会出现在旧的 IE

中