1

我正在尝试在 Web 应用程序中使用这一点 jQuery。它似乎在 jsfiddle 中工作，但在我的应用程序中实现时却没有。这是我的代码：

$('.myimage').mouseenter(function() {
  $(this).effect('bounce',500);
});

这是我的jsfiddle。

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href= "style3.css"/>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<script src="jquery.effects.bounce.js"></script>
</head>

<body>
<img class="myimage" src ="https://pbs.twimg.com/profile_images/3513354941 /24aaffa670e634a7da9a087bfa83abe6.png">
<script>
$(document).ready(function () {
$('.myimage').mouseenter(function () {
    $(this).effect('bounce', 500);
});
});
</script>
</body>
</html>
4

2 回答 2

0

将代码包装在$(document).ready(function () {

$(document).ready(function () {
    $('.myimage').mouseenter(function () {
        $(this).effect('bounce', 500);
    });
});

小提琴

asn不要忘记添加jQuery library文件

于 2013-10-29T01:23:43.150 回答
0 
$(document).ready(function () {
        $('.myimage').mouseenter(
            function () {
                $(this).effect('bounce', 500);
    });
});

它需要在文件中准备好。

另外 - 请注意，在您的 jsfiddle 中，您的图像在几次后又向上移动了 30-40 像素

于 2013-10-29T01:27:31.223 回答