でも説明してくださいこのjQueryコードについて教えてください。[重複]
-
19-09-2019 - |
質問
掲載しています前に、このように磨きをかけ質問(やまだひさしをはじめとするようにしていますので、古いスしてはなりません。
このコードは:
$(document).ready(function()
{
var rot=$('#image3').rotate({maxAngle:25,minAngle:-55,
bind:
[
{"mouseover":function(){rot[0].rotateAnimation(85);}},
{"mouseout":function(){rot[0].rotateAnimation(-35);}}
]
});
});
これからもアクセスできます。 http://wilq32.googlepages.com/wilq32.rollimage222, とあのデモの機能がどを使用してアニメーション化画像の回転-3回のデモのページ上)。
う必要性を説明:
私もございますので、あらかじめ、変数の宣言され-"腐"がないのですが理解することを宣言終了....
時の変数の使用として使用できます。 腐[0], いとは何なの [0] 立つのですか?この配列?
見たことがありません bind のように使用して、独自の構文は
$("セレクター).bind(タイプ、[データ],fn);
うでしょうか?何をすべてのカンマと [ ] ですか?
- かりたいなって思ってて、最終的には、このスクリプトをイメージを回転"X"、"Y"の要素はクリックします。どのような方法で実現できる(好ましくはなく"bind")?
よろしく!
解決
私は
...基本的な構文上の問題は非常によく、ここで他の人によって説明されていると思いますの面でます:
私が何をしたいのですがどのような、最終的には、あります 画像「X」を回転させるために、このスクリプトを使用し、 「Y」の要素がクリックされている間。 どのようにこれは、好ましくは(行うことができます "バインド")?
なし
これを試してください:
var x=$("#imagex"); //<-- image to be rotated
var y=$("#elemy"); //<-- element to be clicked
var angleOfRotation=45; //<-- angle of rotation
y.bind("click",function(){
x[0].rotateAnimation(angleOfRotation);
});
他のヒント
宣言は最後のセミコロンまで2日に終了します。参照が捕捉され、渡されたコールバック関数の実行中に、ずっと後に使用される。
rot
は、配列ではないが、1つのようにインデックス付けすることができるjQueryオブジェクトである。
rot[0]
は、セレクタ#image3
、IDの画像3と、すなわちオブジェクトに一致する最初のDOMオブジェクトである。
bind
が、この場合には、機能バインドではなく、回転させるように渡されたオプションの一部ます。
fooとbarの配列リテラルを示し[foo, bar]
角カッコを。中括弧{FOO "FOO"、バー: "バー" が}プロパティfooとバーとのリテラルオブジェクトである
この宣言の最初のセミコロン.
rot
割り当てる値rotate()
を返します(この場合と同じ結果$('#image3')
, により、jQueryの 法チェーンの構文).ものとrotate(
次の)
は引数に渡されるrotate()
.あり
[0]
は配列です。rot[0]
とは、最初の("0")の配列rot
.ここで、
{ maxAngle:25, minAngle:-55, bind: ... }
は"オブジェクトリテラルとは、書式るオブジェクトの特性maxAngle
,minAngle
, は、bind
.ご担当にこのオブジェクト変数myObject
(だけでなく広い範囲にわたって引数としてrotate())、そしてアクセスはそのまっていただいた皆様ありがとうmyObject.maxAngle
,myObject.minAngle
, は、myObject.bind
.この場合にbind
な機能でプロパティの名前をオブジェクトです。
[OK]を、欠けて - これはあなたが別の要素によって回転をトリガするために上記のコードを使用する方法である。
var itemYouWannaRotate = $("#imageToRotate").rotate(0);
$("#TriggerElement").click(function(){
itemYouWannaRotate[0].rotateAnimation(90);
});
みんなありがとうは、すべてのあなたの答えは、大きな助けました。