未捕获的类型错误鼠标滚轮不是一个功能

时间:2015-07-05 21:15:07

标签: javascript jquery html css

我正在尝试让图像在您滚动鼠标滚轮时能够放大。我正在使用jQuery.mousewheel.min来执行此功能,但无论如何我都在控制台中出现此错误

  

未捕获的TypeError:$(...)。mousewheel不是函数

这是一个代码示例

<script type="text/javascript">
  $(document).ready(function() {
        $(document).mousewheel(function(event, delta) {
              setYPos(delta);

所以基本上我问的是否有人可以帮我解决这个问题 它可能是其中一个与之相融合的。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="kinetic-v5.1.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="jquery.mousewheel.min.js" type="text/javascript"></script>
<link href="easy-sidebar.css" rel="stylesheet" type="text/css">

1 个答案:

答案 0 :(得分:2)

$。mousewheel不是jQuery API的一部分。

http://api.jquery.com/?s=mouse

对于您尝试做的事情,您需要使用更具体的选择器,捕捉滚动,读取方向和距离,并防止默认,以便它不会滚动窗口 - $('img').on('scroll', function(e) { e.preventDefault(); // do some stuff });