Javascript 使用jquery 1.8和x2B绑定鼠标滚轮；_Javascript_Jquery_Html

Javascript 使用jquery 1.8和x2B绑定鼠标滚轮；

javascript jquery html

Javascript 使用jquery 1.8和x2B绑定鼠标滚轮；,javascript,jquery,html,Javascript,Jquery,Html,我在我的网站上使用的是jquery1.8.3 我无法使用此jquery版本绑定鼠标滚轮，但1.4.2版本已成功绑定鼠标滚轮请给我一个解决这个问题的办法好吗注意：我只需要用1.8+版本绑定鼠标滚轮。因为其他插件依赖于jquery1.8+ 我的示例代码是： <!DOCTYPE html> <html> <head> <title>Mouse Wheel</title> <script type='text/javascript'

我在我的网站上使用的是

jquery1.8.3

我无法使用此jquery版本绑定鼠标滚轮，但

1.4.2

版本已成功绑定鼠标滚轮

请给我一个解决这个问题的办法好吗

注意：我只需要用

1.8+

版本绑定鼠标滚轮。因为其他插件依赖于

jquery1.8+

我的示例代码是：

<!DOCTYPE html>
<html>
<head>
<title>Mouse Wheel</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script>
<style type='text/css'>
body { text-align: center; }
#res
{
    margin-top: 200px;
    font-size: 128px;
    font-weight: bold;
}
</style>
<script type='text/javascript'>
$(document).ready(function(){
    var num = 0;
    $(document).bind('mousewheel',function(e){
        if (e.wheelDelta > 0)
        {
            $("#res").text(++num);
        }
        else
        {
            $("#res").text(--num);
        }
    });
});
</script>
</head>
<body>
<div id="res">0</div>
</body>
</html>


鼠标滚轮
正文{文本对齐：居中；}
#res
{
利润上限：200px；
字号：128px；
字体大小：粗体；
}
$（文档）.ready（函数（）{
var num=0；
$（文档）.bind（'mousewheel'，函数（e）{
如果（e.车轮三角洲>0）
{
$（“#res”）.text（++num）；
}
其他的
{
$（“#res”）.text（--num）；
}
});
});
0

下面是一个代码的工作示例，只需添加mousewheel javascript插件：


鼠标滚轮
正文{文本对齐：居中；}
#res
{
利润上限：200px；
字号：128px；
字体大小：粗体；
}
jQuery（文档）.ready（函数（$）{
var num=0；
$（文档）.bind（'mouseweel'，函数（e，delta）{
如果（增量>0）
{
$（“#res”）.text（++num）；
}
其他的
{
$（“#res”）.text（--num）；
}
});
});
0

下面是一个代码的工作示例，只需添加mousewheel javascript插件：


鼠标滚轮
正文{文本对齐：居中；}
#res
{
利润上限：200px；
字号：128px；
字体大小：粗体；
}
jQuery（文档）.ready（函数（$）{
var num=0；
$（文档）.bind（'mouseweel'，函数（e，delta）{
如果（增量>0）
{
$（“#res”）.text（++num）；
}
其他的
{
$（“#res”）.text（--num）；
}
});
});
0

嗨，Gilles Hemmerlé！我想用

Jquery 1.8+版本绑定mousewheel

，然后用您想要的版本替换Jquery的版本。在我的示例中被替换并仍然可以正常工作。实际上，firefox存在一个bug。以我在示例中使用的新鼠标滚轮文件为例，所有内容都应该是rox^^^^嗨，Gilles Hemmerlé！我想用

Jquery 1.8+version

绑定mousewheel，然后用您想要的版本替换Jquery版本。在我的示例中被替换并仍然可以正常工作。实际上，firefox存在一个bug。以我放在示例上的新鼠标滚轮文件为例，所有内容都应该是rox^^

<!DOCTYPE html>
<html>
<head>
<title>Mouse Wheel</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.min.js'></script>
<script type='text/javascript' src='http://flexicontent.googlecode.com/svn-history/r1517/trunk/com_flexicontent_v2.x/site/librairies/fancybox/lib/jquery.mousewheel-3.0.6.pack.js'></script>
<style type='text/css'>
body { text-align: center; }
#res
{
    margin-top: 200px;
    font-size: 128px;
    font-weight: bold;
}
</style>
<script type='text/javascript'>

jQuery(document).ready(function($){
    var num = 0;
    $(document).bind('mousewheel',function(e, delta){
        if (delta > 0)
        {
            $("#res").text(++num);
        }
        else
        {
            $("#res").text(--num);
        }
    });
});
</script>
</head>
<body>
<div id="res">0</div>
</body>
</html>