Javascript 跳转图像帮助代码未在JSFIDLE外部运行_Javascript_Jquery_Html

Javascript 跳转图像帮助代码未在JSFIDLE外部运行

javascript jquery html

Javascript 跳转图像帮助代码未在JSFIDLE外部运行,javascript,jquery,html,Javascript,Jquery,Html,我正试图在web应用程序中使用这一点jQuery。它似乎在JSFIDLE中工作，但在我的应用程序中实现时却不起作用。这是我的密码： $('.myimage').mouseenter(function() { $(this).effect('bounce',500); }); 这是我的名字 <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>

我正试图在web应用程序中使用这一点jQuery。它似乎在JSFIDLE中工作，但在我的应用程序中实现时却不起作用。这是我的密码：

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

这是我的名字

<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>


无标题文件
$（文档）.ready（函数（）{
$（'.myimage'）.mouseenter（函数（）{
美元（此）.effect（'bounce'，500）；
});
});

将代码包装进去

asn不要忘记添加

jQuery库

文件

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

它需要在一个文档中准备好

另外-在JSFIDLE中，您的图像在经过几次

将代码包装在

$（document.ready）（function（）{[your code]}）中之后会再向上移动30-40像素，这让您感到厌倦

JSFIDLE在左侧菜单上有一些选项，可以自动将其包装到document.ready事件处理程序中。当你搬出JSFIDLE时，你必须自己做这件事

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