0

このちょっとした jQuery を Web アプリケーションで使用しようとしています。jsfiddle では機能しているようですが、アプリケーションに実装した場合はそうではありません。これが私のコードです：

enter code here

<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

1 に答える 1

0

このわずかに変更されたコードは、Google Chrome で動作します。

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js""></script>
<script>
$(document).ready(function () {
  $('.myimage').mouseenter(function () {
    $(this).effect('bounce', 500);
  });
});
</script>
</head>
<body>
<img class="myimage" src ="https://pbs.twimg.com/profile_images/3513354941/24aaffa670e634a7da9a087bfa83abe6.png">
</body>
</html>
于 2013-10-29T23:13:17.797 に答える