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で通信、といった場合、「最初の非同期処理が正常に完了したら次の処理を実行」という順...
