2022年1月11日
slideToggleがカクカクしてスムーズに動作しない時の対処法
jQueryのslideToggleがカクカクしてお困りでしょうか？ 手軽にアコーディオンメニュー等を実装できるjQueryのslideToggleですが、特定の条件下において、いつもスムーズな動作...
2022年1月5日
jQueryでclickイベントが繰り返し実行されてしまう時の解決法
アコーディオンの開閉とか、タブの切り替えとか、なにかと使用するjQueryのclickイベント。そんなclickイベント、いつも通り書いているはずなのに、2回クリックされたような動作になってしまうこと...
2019年3月30日
PC版Chromeでスライダーに設定したリンクをクリックしても遷移しない時の対処法
サイトのメイン画像などで画像が横にスライドする機能。SlickやSlider-Proなどいろんな種類のスライダープラグインも揃っており、jQueryでよく実装する定番機能であるスライダーですが、このス...
2019年1月28日
動的に追加した要素のクリックイベントが発火しない時の書き方
クリックしたら要素が増える。jQueryの使い方としてはとてもポピュラーな手法ですが、たまーにハマると抜け出せなくなるのもjQueryでよく陥る状況。今回は動的に増やした要素に対するクリックイベントが...
jQueryでスライダーを実装するためのプラグインといえば、「slick」をはじめ多くのプラグインがありますが、ひと昔前はスライダーといえば「bx-slider」だったと言っても過言ではないと思います...
2018年10月6日
jQueryで特定の要素の有無を確認する「length」と「size」の書き方
要素があるかどうかを判別して分岐処理、動的なコンテンツでよく使う処理なのでコピペ用として。要素の数を取得して、0か1以上かを判別するわけですが、jQueryでは主に「length」を使用します。 ...
2018年8月6日
最初の非同期処理を完了後に次の処理を実行させる「jQuery.when()」
AjaxでAPI用のアクセストークン等のデータをJSONを取得して処理、受け取ったアクセストークンをもってまたAjaxで通信、といった場合、「最初の非同期処理が正常に完了したら次の処理を実行」という順...
2018年5月26日
タブメニューをクリックしてコンテンツを切り替えるjQuery
タブメニューをクリックしてコンテンツを切り替える、よく使う動作のjQueryです。シンプル且つ汎用的に、タブメニューが増減しても簡単に対応しやすい書き方を意識し、コンテンツを表示させる時にふわっと表示...
昔からあるサイトだとjQueryのコアファイルが1系であることもしばしば。しかしいつまでも古いままだとセキュリティの問題やプラグインの動作に問題が生じる事があるので、なるべくアップデートしておきたいと...
2017年5月6日
スマホサイト制作に便利なレスポンシブ対応時に使えるjQuery
最近では対応がほとんど必須となってきたPCでもスマートフォンでも閲覧できるように表示を切り分ける「レスポンシブ対応」。実装方法は様々ですが、今回はJavascriptでユーザーエージェントを取得したう...
