動的に生成した要素にイベントを設定する
動的に生成したDOM要素にイベントを設定する方法をメモ。...
jQueryの記事一覧
スマートフォンでスクロールを禁止にする
スマホサイトでローディング画面を表示させる機会があったのですが、position: fixed;で画面全体に要素を表示さ...
data属性で配列を使う
data属性で配列を使う時に少し詰まったので、試した内容をメモしておきます。...
リンク内のテキストを取得するときに、画像の場合はaltを取得するようにする
JavaScriptを使ってページ内の全てのリンクにイベントトラッキングを設定する機会があったのですが、labelにリン...
レスポンシブでブレークポイント毎に画像を出し分ける
レスポンシブでブレークポイント毎で画像を出し分ける処理を実装してみます。...
jquery.easing.jsの使用方法メモ
jQueryのアニメーションに変化をつける「easing」を拡張するプラグイン「jquery.easing.js」の使い...
jQueryのoffset()とposition()の違い
jQueryのoffset()はよく使うのですが、position()はあまり使ったことがないので試してみました。...
AjaxでJavaScriptのファイルを取得する
jQueryのAjaxでJavaScriptのファイルを取得してみます。...
overflow: auto;でスクロールバーを表示したときに、スクロール位置を取得する
要素にoverflow: auto;を指定してスクロールバーを表示したときに、スクロールの位置を取得する方法で少し迷った...
複数行の文末で省略する
表示領域からはみ出した文章を省略したい時はtext-overflowが使えますが、1行しか対応していません。 JavaS...
jQuery UIのSortableを使ってみる
要素の順番をドラッグ＆ドロップで並び替えることができるjQuery UIのSortableを使ってみます。...
画面をクリックしたときに処理をする
スマートフォンでよくあるハンバーガーメニューで、「メニューを開いているときはメニュー以外の部分をクリックしたときにメニュ...
jQuery 3.xを使ってみる
少し前にjQuery 3.x系がリリースされましたので、変更された点などを調べてみました。...
Ajaxで取得したHTMLデータからimgタグを取得する
AjaxでHTMLデータ取得して、さらにそのデータからimgタグを抜き出して処理を行ってみます。 今回はimgタグを取得...
特定位置までスクロールすると要素が追従する処理を実装する
特定位置までスクロールすると、要素が追従してくる処理を実装してみます。...
ボタンの2重クリックを防止する
フォームなどで、ボタンの2重クリックを防止する方法をいくつか試してみたのでメモしておきます。...
Raindrops.jsを使ってみる
雨が水面に落ちたような演出のできるjQueryプラグイン「Raindrops.js」の使い方をメモ。...
Facebookのページプラグインをレスポンシブに対応する
Facebookのページプラグインを埋め込むときに、レスポンシブに対応する方法を調べたのでメモしておきます。...
横並びのナビゲーションでレスポンシブに対応する
PC時は横並び + プルダウン + レスポンシブでスマホ時にナビゲーション切り替え という形でナビゲーションを実装してみ...
CSS3のアニメーションで、タイミングをJavaScriptで管理する
JavaScriptでスクロール位置を管理して、対象要素が画面上に表示されたらclassを追加して、CSS3のアニメーシ...