過去に下記のような記事を書きました。 この記事を参考にしてreCAPTCHA(リキャプチャ)を実装すると、 reCAPTCHAのマークはどのページにも表示されてしまいます。reCAPTCHAの表示は問い合わせページだけで [...]
続きを読むカテゴリー: jQuery
【jQuery】特定の横幅になったらクラスを追加・削除する簡単な方法
レスポンシブデザインのサイトを実装する際に、CSSにメディアクエリを書き込んで特定の横幅の場合は表示を変えたりしますよね。メディアクエリだけで対応できれば良いのですが、中にはメディアクエリだけでは対応が難しい場合もありま [...]
続きを読むWordPress5.6にアップデートしたら一部のjQueryが動かなくなった際の対処方法
WordPressの最新版(バージョン5.6)が2020年12月9日にリリースされました。アップデートに伴い、私が管理しているいくつかのサイトで不具合が出たので、その対処方法をメモとして残します。 【現象】バージョン5. [...]
続きを読む【jQuery】特定の秒数で画像などの要素を順番に回転させて表と裏の要素を交互に表示する方法
昨日にこんなブログを書きました。 記事の最後の方にサンプルを設置したのですが、ぱっと見何があるのかわからないので、文章で「 ※クリックすると回転します。 」と補足を入れています。 回転する要素に「ここをクリック!」とか入 [...]
続きを読む【jQuery】ボタンや画像をクリックして要素を回転させて裏側に仕込んだ要素を表示する方法
たまに見かける下記のようなくるっと回るボタンを、ホバーではなくてクリックで回転させて、かつ裏側に仕込んだ別の要素を表示する方法をメモします。 回転 回転させる要素を用意する 回転して「表」と「裏」を表示するので、表と裏の [...]
続きを読む【jQuery】animatedModal.jsで動きのあるモーダルウインドウを簡単に実装する方法
animatedModal.jsを入れると動きのあるモーダルウィンドウが簡単に実装できたので、メモとして残しておきます。 そもそもモーダルウィンドウって何? 名称だけだと何かわかりませんが、最近は「Webサイトのロード画 [...]
続きを読む