jQuery：鼠标事件不起作用

-3

<!DOCTYPE html> 
<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.4.2"></script> 

    <script> 
     $(document).ready(function() { 
      $('.mydiv').mouseenter(function() { 
       $('.mydiv').fadeTo('fast', 1); 
      }); 
      $('.mydiv').mouseleave(function() { 
       $('.mydiv').fadeTo('fast', 0.5); 
      }); 
     }); 
    </script> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css"> 
</head> 


<body> 
    <div class="mydiv"><br><strong>Click Me!</strong></div> 

</body> 
</html>

上面的代码是一个测试HTML文件，其中的jQuery不工作，有没有人可以帮我找到解决我的问题。我找不到错误（我使用Google Chrome 34.0.1847.137米）。jQuery：鼠标事件不起作用

如果有人需要，这是CSS文件：

div { 
    height: 60px; 
    width: 100px; 
    border-radius: 5px; 
    background-color: #69D2E7; 
    text-align: center; 
    color: #FFFFFF; 
    font-family: Verdana; 
    opacity: 0.5; 
}

来源

2014-05-15 Funest

使用旧的jQuery 1.6.4的任何理由？ –

打开控制台并告诉我们错误信息... – HaukurHaf

Works fine here http://jsfiddle.net/j08691/z8YBm/1 – j08691

你使用jQuery的过时的版本，更改为新的版本，它会在Chrome浏览器。

jsBin demo

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

还只是一个小编辑到您的代码：

$(function() { // DOM ready shorthand 
    $('.mydiv').hover(function(e) { 
     $(this).stop().fadeTo(300, e.type=="mouseenter"?1:0.5); 
    }); 
});

没有的jQuery，CSS3中

jsBin demo

.mydiv{ 
    /* your styles here */ 
    opacity: 0.5; 
    transition: opacity 0.3s; 
} 
.mydiv:hover{ 
    opacity: 1; 
}

来源

2014-05-15 20:48:46

如果他看到“$未定义”，请参阅最后一条评论。另外，其中一个发布的JSFiddle链接（以及我运行的本地测试）使用旧的jQuery版本，并且仍然有效。 –

它不能在我的电脑上工作... – Funest

@ user3642345我已经编辑了一些修复我的答案。你有没有试过我的链接例子？哪一个不工作？ –

jQuery：鼠标事件不起作用

回答

相关问题