問題タブ [jquery-transit]

ホバーでjQueryトランジットを機能させる方法を理解するのに苦労しているjQueryでかなり新しい。

これは「Uncaught TypeError: オブジェクト [オブジェクト オブジェクト] のプロパティ '$' は関数ではありません」を返します。

誰かが私を正しい方向に向けることができれば、私はそれを大いに感謝します.

ありがとうフランク

ユーザーがページをスクロールするたびにスピンしたいオブジェクトがあり、そのオブジェクトが現在表示されています。

そのため、サイトが最初に読み込まれたときにオブジェクトがページの真ん中にある場合、ユーザーが下にスクロールしたときにオブジェクトを「右」に回転させたいと考えています。ユーザーが上にスクロールすると、「左」にスピンします。

ビューの上部にオブジェクトが当たったときだけでなく、オブジェクトがビューにあるときはいつでも回転させる方法がわかりません。jQuery Waypoint を使用してスクロールを検出し、jQuery Transit を使用してオブジェクトをアニメーション化しています。:

移動したい要素があり、移動の途中でフェードアウトし始めます。移動が完了するまでに、不透明度は 0 になります。これらのアニメーションをよりスムーズにするために、トランジット ライブラリを使用しています。独自の作品の不透明度。独自の作品に移動しますが、2 つはうまく連携しません。どこが間違っていますか？

フィドル: http://jsfiddle.net/bastiat/5844Q/

jquery トランジットを使用したいのですが、逆に動作させたいです。そして、私は右から左を意味します。

例えば：

「ボックス」を40px右に移動します。

しかし、私はそれを左に動かしたい。

それに負の値を渡して左に移動できることはわかっていますが、それもできません。私の状況では、親が画面幅全体を持っており、左に負の値を指定すると「ボックス」が画面の外に移動するためです。 .

したがって、トランジション x を要素の「左」ではなく「右」に渡すことができれば、問題は解決します。

私はこの構文を使用しています：

デスクトップでは問題なく動作しますが、モバイルでは失敗します。ここで何が間違っていますか？

ユーザーが右または左のボタンを押したときに、新しい HTML ブロックをページにスライドさせるように設計された jquery トランジットを使用して、これら 2 つの関数を作成しました。彼らは時々働きます。また、コンテンツが読み込まれ、それ自体が再表示されない場合もあります。したがって、ロードされ、クロムで検査すると、表示がまだなしに設定されていることがわかります。それ以外の場合は問題なく、意図したとおりに機能します。ページにエラーはありません。ページ上の実際の唯一の JavaScript は、この関数のいくつかの異なるバージョンであり、それらすべてが異なるページをロードし、なんらかの形で、それをスクロールします。

私の質問は次のとおりです。関数を使用していますか jquery Transitから正しく完了しますか? 私の機能は意図したとおりに機能していますか、それとも大きなものを見逃していて、適切にセットアップされていませんか?

私がやりたいのは、jpgの透明度を変更することです。ul li img を配列​​に入れました。

画像をクリックすると、コンソールに表示される、クリックされた画像の位置が配列内に表示されます。

画像をクリックすると、その画像の透明度と、クリックされた画像の前の画像の透明度も変更したいと思います。

たとえば、配列内の 4 に配置されている画像をクリックすると。配列内の項目 0、1、2、3、および 4 の透明度を 1 に設定します。配列のクリックされた項目の css にアクセスするにはどうすればよいですか?

HTML

CSS

JS

図書館

私はjquery-transitを使用しています：

http://ricostacruz.com/jquery.transit/

そう

jquery トランジットを使用してナビゲーションを構築しようとしています

開く/スライド ダウン ナビゲーションは正常に機能しています。子 ul を表示ブロックに設定し、アニメーション/トランジションを実行します。

この問題は、ナビゲーション アイテムを閉じるときに発生しています。ul は、コールバック内に書き込まれているにもかかわらず、すぐに非表示になります。また、トランジションが終了すると「アニメーションが終了しました」というコンソール ログを追加しました。これは適切なタイミングで起動しているため、ul がすぐに非表示になる理由がわかりません。

jquery/js は次のようになります。

そして、私はここでいじることができるフィドルを持っています: http://jsfiddle.net/lharby/o5w8ebu8/2/

css 可視性、jquery show() および hide() 関数を使用してさまざまな組み合わせを試しましたが、トランジションが開始されるたびに (効果的にクリックすると) ul が消えます。また、異常があった場合に備えて、Chrome、Firefox、および Safari をテストしました。