2011-09-09 9 views
0

ので、私はjquerymobile使用して、モバイルサファリiPadアプリ...どのよう

私はチュートリアルのように、このリンクを使用していたが...建物だ http://www.impressivewebs.com/css3-transitions-javascript/

.galleryContainer { 
position: fixed; 
-webkit-transition: -webkit-transform 0.25s ease-in-out; 
-webkit-transform:translate3d(0px,0px,0px); 
} 
.galleryContainer-A{ 
-webkit-transform:translate3d(100px,0px,0px); 
} 
.galleryContainer-B{ 
-webkit-transform:translate3d(200px,0px,0px); 
} 
.galleryContainer-C{ 
-webkit-transform:translate3d(300px,0px,0px); 
} 
.galleryContainer-D{ 
-webkit-transform:translate3d(800px,0px,0px); 
} 

だから私は...これを行うことにより、元のクラスとgalleryContainer-A間

$(".galleryContainer").toggleClass("galleryContainer-A"); 

を切り替えることができます私はどのように行う、クラスが元の位置に移動することなく変更したいですそれについてやってみる?

答えて

1

理想的には使用しないでください。私の心の中に浮かび上がる問題は、それをあなたがそのクラスに切り替えるときにあなたが望むクラスですか?特定のスタイル属性の場合は、別のクラスを使用してそのクラスを切り替える必要があります。セレクタを使用する利点がある場合は、別のクラスを使用してそのセレクタを使用します。移行は取り返しがつかないほどその-Aクラスに縛られているので、その移行を望まないなら、そのクラスを使用しないでください。それに加えて、別の別のクラスを使用してください。

+0

私は基本的に、クリックイベントでdivを1ポイントから別のポイントに移動させたいと考えています。私はあなたが.animate()でこれを行うことができますが、アニメーションコードはあまりにも遅く実行されていて有用であることを知っています。私はうまく動作する3d CSS変換でスピードを上げることを望んでいましたが、複数の位置にジャンプする方法を理解できませんでした。 – Manny

+0

@Manny cssアニメーションについて読むhttp://css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/ – cvsguimaraes

+1

@Mannyこれはどういう意味ですか? http://jsfiddle.net/uksh8/ –