Jquery.mousewheel：增量不會改變

我嘗試使用jquery.mousewheel plugn開發一個簡單的演示。但是，三角洲從未改變。我下面的代碼：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()從未改變。有什麼想法？

來源

2013-01-19 Jack He

你的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-19 03:52:44 Licson

嗨，我再次測試該應用程序，並發現了這個錯誤的原因是的jquery.js的版本不支持jquery.mousewheel.js。在用低版本替換jquery.js之後，代碼運行良好。但是，我需要使用最新版本。任何想法？ –

我自己解決了。這是因爲mousewheel.js的版本無法匹配jquery.js –

Jquery.mousewheel：增量不會改變

回答

相關問題