Jquery 仅在 Chrome 中工作？答案

【问题标题】：Jquery working only in Chrome?Jquery 仅在 Chrome 中工作？
【发布时间】：2012-09-10 17:54:48
【问题描述】：

CSS：

.right_man
{
    width: 50%;
    height: 100%; 
    overflow: hidden;         
}

JS：

jQuery(document).ready(function () {
    $(this).mousemove(function (e) {
        var page = $(document).width();
        if (page / 2 > e.pageX) {
            $('.right_man').width(page - e.pageX);
        }else {
            $('.right_man').width(page - (e.pageX - (page / 2)) - (page / 2));
        }
    });
});

为什么代码只适用于 Chrome？

IE、Mozilla、Opera 忽略了下摆。

我将 $(this).mousemove 更改为 $(window).mousemove。

修复

【问题讨论】：

在此处创建一个功能示例 (jsfiddle.net)，以便我们为您提供帮助。
是这样的吗？ jsfiddle.net/bDgak

标签： jquery css browser cross-browser

【解决方案1】：

尝试将$(this).mousemove 更改为$(window).mousemove。

【讨论】：

【解决方案2】：

尝试使用jquery css

jQuery(document).ready(function () {
    $(this).mousemove(function (e) {
        var page = $(document).width();
        if (page / 2 > e.pageX) {
            $('.right_man').css("width", page - e.pageX);
        }else {
            $('.right_man').css("width", page - (e.pageX - (page / 2)) - (page / 2));
        }
    });
});

如果问题仍然存在，请告诉我。

【讨论】：