Javascript | 素材の壺

2022年1月11日

slideToggleがカクカクしてスムーズに動作しない時の対処法

jQueryのslideToggleがカクカクしてお困りでしょうか？手軽にアコーディオンメニュー等を実装できるjQueryのslideToggleですが、特定の条件下において、いつもスムーズな動作...

2022年1月7日

リンクをクリックした時に現在のURLをクリップボードにコピーしたい。シェアの方法として「リンクをコピー」といったボタンを置いたような場合に使用するケースで、javascriptであれば「navigat...

2022年1月5日

アコーディオンの開閉とか、タブの切り替えとか、なにかと使用するjQueryのclickイベント。そんなclickイベント、いつも通り書いているはずなのに、2回クリックされたような動作になってしまうこと...

2020年4月25日

インターネット環境が安定するにつれてサイトの演出もリッチなものになってきました。2017年頃からでしょうか、トップページに背景いっぱいに動画を流すようなサイトが流行り始めた気がします。そんな動...

2020年4月2日

不思議と他の言語と並行して需要が高まりつつあるjavascriptですが、基本的な処理である四捨五入、切り捨て、切り上げについて、ちょいちょい使うので覚書として。計算系の処理はMathオブジェ...

2019年7月24日

またまた出くわしました、IEだけ発生する問題。今回はjavascript編です。きっかけはjQueryのプラグイン導入時。とりあえず動作確認のためにDEMOとして提供されていた記述をそのまま転記してみ...

2019年3月30日

サイトのメイン画像などで画像が横にスライドする機能。SlickやSlider-Proなどいろんな種類のスライダープラグインも揃っており、jQueryでよく実装する定番機能であるスライダーですが、このス...

2019年1月28日

クリックしたら要素が増える。jQueryの使い方としてはとてもポピュラーな手法ですが、たまーにハマると抜け出せなくなるのもjQueryでよく陥る状況。今回は動的に増やした要素に対するクリックイベントが...

2018年10月10日

jQueryでスライダーを実装するためのプラグインといえば、「slick」をはじめ多くのプラグインがありますが、ひと昔前はスライダーといえば「bx-slider」だったと言っても過言ではないと思います...

2018年10月6日

要素があるかどうかを判別して分岐処理、動的なコンテンツでよく使う処理なのでコピペ用として。要素の数を取得して、0か1以上かを判別するわけですが、jQueryでは主に「length」を使用します。 ...