1

わかりました、このサイトのほぼすべてのローテーション エントリを見てきましたが、これを解決できません。それを理解しようとするのに丸3日かかりました。おそらくそれは非常に単純なものですが、私はそれを手に入れることができません。問題は次のとおりです。回転コントロールを持つ 2 つの画像があります。ただし、1を回転させると、両方が回転します。同時に回転させるのではなく、単独で回転させたいのです。ここで確認できます: http://dl.dropbox.com/u/11770605/sample2.html

main.js の次のコードは次のとおりです。

    $(document).ready(function(){ $('.cc-element').rotatable(); });

マークアップは次のとおりです。

    <span id="cc-element-1" class="cc-element ui-draggable cc-active" style="-webkit-transform: rotate(0deg);" ><image goes here></span>

私も試しました：

    $(document).ready(function(){
    $('.cc-element').rotatable();
    $('.cc-element2').rotatable();
    });

と

    <span id="cc-element-2" class="cc-element ui-draggable cc-active" style="-webkit-transform: rotate(0deg);" > <image goes here>< /span>

しかし、その変更は機能しませんでした。助けてください。できるだけ早くこれを修正する必要があります。

4

2 に答える 2

0

問題は、「rotatable()」プラグインがthis渡された値で動作することです。セレクターが「.cc-element」の場合、両方の要素のリストになります。したがって、「roll()」プラグインへの呼び出しは、リスト全体に対して機能します。

そのプラグインの適切なコードを「each()」反復子でラップする必要があります。何かのようなもの：

    $.fn.rotatable = function() {
      return this.each(function() {
        var $this = $(this),
          // ... the rest of the plugin, as it is now ...
      });
    };
于 2011-05-18T22:06:45.967 に答える
0

クラスごとに要素を選択しており、両方とも同じクラスを持っています。次のように変更します。

$(document).ready(function(){
    $('#cc-element').rotatable();
    $('#cc-element2').rotatable();
    });
于 2011-05-18T22:08:35.440 に答える