2022年1月11日
slideToggleがカクカクしてスムーズに動作しない時の対処法
jQueryのslideToggleがカクカクしてお困りでしょうか？ 手軽にアコーディオンメニュー等を実装できるjQueryのslideToggleですが、特定の条件下において、いつもスムーズな動作...
2022年1月7日
javascriptでクリップボードへのコピーでエラーになる時の対処法
リンクをクリックした時に現在のURLをクリップボードにコピーしたい。シェアの方法として「リンクをコピー」といったボタンを置いたような場合に使用するケースで、javascriptであれば「navigat...
2022年1月5日
jQueryでclickイベントが繰り返し実行されてしまう時の解決法
アコーディオンの開閉とか、タブの切り替えとか、なにかと使用するjQueryのclickイベント。そんなclickイベント、いつも通り書いているはずなのに、2回クリックされたような動作になってしまうこと...
2020年4月25日
VIDEOタグのに対するHTML、javascriptでのいろんな指定について
インターネット環境が安定するにつれてサイトの演出もリッチなものになってきました。2017年頃からでしょうか、トップページに背景いっぱいに動画を流すようなサイトが流行り始めた気がします。 そんな動...
2020年4月2日
小数点以下を残しながら切り捨てたり切り上げたりするjavascript
不思議と他の言語と並行して需要が高まりつつあるjavascriptですが、基本的な処理である四捨五入、切り捨て、切り上げについて、ちょいちょい使うので覚書として。 計算系の処理はMathオブジェ...
2019年7月24日
IEだけ「’)’ がありません。」と出てしまう時の対処法
またまた出くわしました、IEだけ発生する問題。今回はjavascript編です。きっかけはjQueryのプラグイン導入時。とりあえず動作確認のためにDEMOとして提供されていた記述をそのまま転記してみ...
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」を使用します。 ...
