質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.37%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

2729閲覧

WordPressにてanimate.cssとwow.jsのアニメーション実装時にエラーが出て動きません

azya_ar_esp

総合スコア0

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2021/08/26 11:39

編集2021/08/30 00:09

前提・実現したいこと

WordPressにて、animate.cssとwow.jsでアニメーション機能を実装したのですが、アニメーションが発生しません。「スクロールされ、可視範囲に入ったら発動するアニメーション」を実装するのが目的です。
WordPressテーマはTCDのものを使用しております。

発生している問題・エラーメッセージ

TCDの多くのテーマでは、トップページの最上部にスライダー画像があると思うのですが、そのスライダーとアニメーションがおそらく干渉しております。
と言いますものも、スライダーよりも下部でリロードした場合、アニメーションは正しく表示されるためです。

スライダーを含めてリロードした場合、アニメーションは動作せずに最初からそのまま表示されてしまいます。
エラーメッセージは特に出ておりません。

### 試したこと ・Wow.jsが干渉しているのかと思い、Wow.jsなしでスクロール位置を計算してJavaScriptを書きましたが、変わりませんでした。 ・様々調べた上で以下のものを導入しましたが、うまくいきませんでした。 https://github.com/zzarcon/default-passive-events TCDテーマのスライダーのJavaScriptのコード(slick.min.js)を一部変更しなければいけないと考えているのですが、「干渉を防ぐため」の対処法としてどのような対策が考えられるでしょうか? JavaScript、JQuery初心者ということもあり、いろいろ調べたのですが、やはりわかりませんでした。 よろしくお願い致します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

すみません、wow.jsを読み込む順番を先に(ロード時)持ってきたところ、正常に動きました。
コードはこちらです。

Javascript

1jQuery(window).load(function(){ 2 new WOW().init(); 3});

投稿2021/09/01 07:15

azya_ar_esp

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.37%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問