0

我尝试使用 jquery.mousewheel 插件开发一个简单的演示。然而，三角洲从未改变。我的代码如下：

<head>
    <script src="jquery-1.7.2.min.js"></script>
    <script src="jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#myImage").mousewheel(function (event, delta) {
                var a = $("#txtResult").val()=="NaN"?0:parseInt($("#txtResult").val());
                var b = delta;

                $("#txtResult").val(a+b);
                event.stopPropagation();
                event.preventDefault();
        });
        });
    </script>
</head>
    <body>
        <img id="myImage" src="QQ截图20130119105432.png" style="width: 200px;height: 200px" />
        <input id="txtResult" type="text" value="0"/>
    </body>

当我将鼠标移动到图像后操作鼠标滚轮时，$("#txtResult").val()从未改变。任何的想法？

4

1 回答 1

0

你的 javascript 代码是错误的。它应该是这样的：

$(function () {
    $("#myImage").mousewheel(function (event, delta) {
        var a = parseInt($("#txtResult").val());
        var b = delta;

        $("#txtResult").val(a + b);
        event.preventDefault();
    });
});

parseInt将解析null为0不需要额外的检查。此外，在这种情况下，event.stopPropagation();是无用的。

于 2013-01-19T03:52:44.090 回答