1

divをクリックすると、jQueryを使用して画像を90度回転させようとしています。なぜそれが機能しないのですか？

これが私のHTMLです...

<div class="class1">
    <div class="class2">
        <img id="whatever">
    </div>
</div>

..そしてこれが私のjQueryです;

  jQuery(document).ready(function() {
       jQuery(".class1").click(function()
               {
            jQuery(this).find('img').rotate({animateTo:-90})
               });
             });

それが役立つ場合は、 http：//code.google.com/p/jqueryrotate/wiki/Examples

注：最初の画像を見つけるためのコードが必要です... IDで画像を取得してから、回転させるだけではありません。

4

5 に答える 5

2

@Abdullah Jibalyによると、コメントを投稿して見てください。私はあなたが次のようなものを逃していると思います

<script src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>

そして、これが最初の画像で回転する例ですhttp://jsfiddle.net/oamiamgod/BeUBF/2/

于 2012-04-26T04:17:23.450 に答える
1

あなたのコードはそのままで問題ないように見えます。プラグインがロードされていないか、指定されたコンテキスト外の何かがうまくいかなかったと思います。

最初のimgを取得するには、次を使用できます。

jQuery(this).find('img').first().rotate({animateTo:-90})
于 2012-04-26T04:00:57.523 に答える
1

//使用に応じて 

<div class="class1">
    <div class="class2">
        <img src="https://www.google.com/images/srpr/logo3w.png">
        <img src="https://www.google.com/images/srpr/logo3w.png" >
    </div>
</div>
        <button id='test'>click</button>

<script>
jQuery(document).ready(function() {
    var setvalue=90;
    jQuery("#test").click(function() {
        jQuery('.class1').find('img').rotate({
            animateTo: setvalue
        });
                setvalue=setvalue+90;        
    });
});
</script>

https://code.google.com/p/jqueryrotate/wiki/Examples

于 2014-06-19T17:02:27.020 に答える
0

名前の最初の文字はclass数字であってはなりません。代わりに、に変更してclass1、値class2に引用符を追加してください。animateTo

<div class="class1">
    <div class="class2">
        <img id="whatever">
    </div>
</div>

  $(document).ready(function() {
       $(".class1").click(function(){
            $(this).find('img').rotate({animateTo: "-90"})
       });
  });
于 2012-04-26T03:52:29.787 に答える
0

それを試してみてください

    <div class="class1">
        <div class="class2">
            <img id="whatever">
        </div>
    </div>


jQuery(document).ready(function() {
    jQuery(".class1").click(function()
    {
       $("#whatever").rotate(90);
    });
});
于 2012-04-26T03:55:10.810 に答える