彈跳圖像幫助代碼不在jsfiddle外面晃動

我想在web應用程序中使用這一點的jQuery。它似乎在jsfiddle中工作，但不是在我的應用程序中實現時。這裏是我的代碼：彈跳圖像幫助代碼不在jsfiddle外面晃動

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

Here是我的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>

來源

2013-10-29 Seb

裹在'代碼陸續30-40 PX向上移動$（文件）。就緒（函數（）{[代碼]} ）;' – redmallard

jsFiddle在左側菜單上有選項，可以自動將它包裝在document.ready事件處理程序中。當你離開jsFiddle時，你必須自己做 – jasonscript

裹你$(document).ready(function() {

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

Fiddle

ASN代碼不要忘記添加jQuery library文件

來源

2013-10-29 01:23:43

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

它需要準備一個文件內。

而且 - 只是疲倦，在你的jsfiddle圖像幾次

來源

2013-10-29 01:27:31 MikesEpitaphSays

彈跳圖像幫助代碼不在jsfiddle外面晃動

回答

相關問題