1

このページのjqueryrotateの例2を単純なhtmlページで動作させることができません。私は何が間違っているのですか？助けてくれてありがとう。

これが私のコードです-

    <!DOCTYPE html>

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<STYLE type="text/css">
 #img { margin:100px 100px;}
</STYLE>
</head>
<body>

<script type="text/javascript">
$("#img").rotate({ 
   bind: 
     { 
        mouseover : function() { 
            $(this).rotate({animateTo:180})
        },
        mouseout : function() { 
            $(this).rotate({animateTo:0})
        }
     } 

});
</script>


<img id="img" src="https://www.google.com/images/srpr/logo3w.png">
</body>
</html>
4

1 に答える 1

1

あなたのコードは問題なく動作します。ここを参照してください。

おそらくreadyを使用する必要があります。

$(document).ready(function() {
    $("#img").rotate({
        bind: {
            mouseover: function() {
                $(this).rotate({
                    animateTo: 180
                })
            },
            mouseout: function() {
                $(this).rotate({
                    animateTo: 0
                })
            }
        }

    });
});​

また、ID#imgの使用はお勧めしません。間違っているわけではありません。IMO のようなものです。

于 2012-12-14T22:15:49.470 に答える