jQueryのanimate()でbackgroundColorが動作しない理由と対策 |でざなり
ホーム
JavaScript
JavaScript2019.04.13
スポンサーリンク
jQuery の として として として として として として よう として として として よう よう よう よう として よう よう よう として し よう よう として し よう よう よう よう し よう よう よう よう よう よう し
と わけ で その 理由 と 対策 を サクッ と 見 てしまい ましょ。。。 その 理由 と 対策 を サクッ 見 てしまい ましょ。。
目次
- Анимат () は 数値 型.
- ダウンロードする
animate()は数値型のみに対応
そもそもjQueryのanimate()は数値型のアニメーションしか対応していません。
例えばfontSizeやwidthなどは20pxや100%といったように数値で 指定 ます。 。Animate () で アニメーション が できる の は こう た 値 のみ です。
な ので ので や の よう に #fff とか みたい に 書い も も が でき わけ。。 とか みたい 公式 に 書い も も でき ない。。。 に 公式 公式 公式もanimate()でbackgroundColorなどはアニメーションできないと書いてありますね。
большинство свойств, использующих0053 ,
height
илиleft
можно анимировать, ноbackground-color
нельзя, если не используется подключаемый модуль jQuery. Color).
英語 な ので わかり づらい です 、 まとめる と と
「Ширина 、 Высота 、 など の 型 の プロパティ は し し ます が 、 、 の の ではない は は は は は は は は は は は は は は は は は は は は は は は プロパティ プロパティ は は は プロパティ は プロパティ は は は プロパティを 使わ ない 機能 し ませ ん 」」
みたい な です。。
対 処 1 : jQuery Ui を 使う
jQuery Ui という (プラグイン 集合 プラグイン 集合 プラグイン プラグイン 集合 プラグイン プラグイン インターフェス プラグイン プラグイン プラグイン の 集合 集合 インターフェス プラグイン読み込むことでbackgroundColorなどもアニメーションできるようになります。
CDN で 読み込む
jQuery UI は CDN で 読み込む ことができ ます ます。
Google から を コピペ する です。
以下 その コード です これ 内 内 に コピペ コピペ コピペ コピペ コピペ コピペ に に にbackgroundColorなどが動くようになります。
一番簡単で読み込みも早いのでこれがオススメですね。
ダウンロード する
もう つ つ 方法 として 公式 公式 公式。 の サイト から ダウンロード する と 方法 が あり ます。
ダウンロード メリット メリット は ネット て できる 利用 も なく 利用 なく い い い い い て い (((してある必要があります)
以下が公式サイトです。一番下の「Download」をクリックするとダウンロードできます。
jQuery UI
必要な機能だけに絞ってダウンロードもできるみたいですが、 よく わから 場合 は その まま ダウンロード すれ ば オーケー です。。
対 法 2 : プラグイン を 使う
先ほど チラッ 紹介 し た 通り 、 jquery-color と プラグイン プラグイン プラグイン と プラグイン と プラグイン と と を と プラグイン と と とも あり ます。
この の の 使い 方 に て は 以下 の サイト が わかり やすかっ ので 参考 に し み て ください ↓
404: ページが見つかりませんでした | HPcode(えいちぴーこーど)
haniwaman.