fancybox3fancybox3でYouTube動画をサクッと開く方法 画像や動画をページ内に簡単にオーバーレイ表示させることが出来るjQueryのプラグインfancyboxを利用してYouTube動画をサクッと表示させる方法をご紹介します。 サクッと対応するためjQueryとfancyboxはCDNを... 2021.05.20fancybox3
jQueryJS / jQuery パラメータで指定された計測用コードをページ内のaタグ全てに付与する方法 アフィリエイトやアクセス解析で利用する計測用のパラメータがURLに付与されている場合に同ページ内の全てのaタグに強制的に付与する方法メモ。 ページ内のaタグ全てに指定パラメータを付与する <script> //現在ペー... 2020.11.07jQuery
jQueryjQuery changeやclickイベントをトリガーにデータ加工してsubmitする方法 ボタンやセレクトボックスなどの選択状況(change / click イベント)に応じてデータ加工やバリデーションを行った後にsubmitする方法のサンプル(※バリデーションやデータ加工の詳細は割愛)。 change / click... 2020.05.22jQuery
jQueryjQuery フォーム内の必須項目の入力状況をみて送信ボタンを有効/無効にする方法 お問い合わせなど入力フォーム内に "required" がついた必須項目の入力状況をみて送信ボタンを有効/無効にする方法を書きます。 必須項目の状況をみて送信ボタンを有効/無効にする jQueryコードサンプル <... 2020.05.21jQuery
jQueryjQuery チェックボックスの数とチェック済み数を比較する方法 ウェブサービスへの登録や退会をユーザーが行う際に規約に同意した後に登録 Or 退会してもらう際、ページ内に複数のチェックボックスを用意して全ての同意がとれた場合にのみ登録ボタンをアクティブにしたい場合などに利用します。 要素内チェッ... 2020.04.23jQuery
jQueryjQuery 指定要素にclassを追加・削除する方法 classを追加・削除 追加 $("要素").addClass("classname"); 削除 $("要素").removeClass("classname"); hasClassでclassが指定されてい... 2020.04.21jQuery
jQueryjQuery “Syntax error, unrecognized expression” というエラーで Mac Safari のみ不具合が出る原因と対処法 jQueryでセレクトボックスの選択状況に応じて商品金額の合計値をテキストボックスに適用するスクリプトを書いていたのですが、Chrome や Firefox は動く処理が Mac Safari のみ動かない不具合がありました。 エラ... 2020.04.15jQuery
jQueryjQuery 親要素のN番目の後にコンテンツを追加する方法 jQueryで指定した親要素のN番目の後に広告タグなどコンテンツを追加する方法のメモ。 コード 記事一覧ページなどの5番目の記事の後にコンテンツを追加する jQuery(function ($) { $("#co... 2020.03.05jQuery
jQueryjQuery ブラウザの横幅を条件に処理を変える方法 レスポンシブデザインのサイトやブラウザの横幅を条件に何らかの処理を変えたい場合に利用できます。 サンプル このサンプルはブラウザの横幅が660px以下かどうかを分岐点に div#content の width を変更する処理を... 2020.01.10jQuery