2017年5月5日
スクロール付きのDIV内で指定した要素までスクロールさせるjQuery
ボタンをクリックしたらスクロール付きのDIV内で指定した要素までスクロールさせる動作をjQueryで実装してみました。ポイントはDIVに指定するCSSで、「position:relative」の指定が...
2017年4月5日
jQueryでdisabledを切り替える時の注意点
ボタンの連打を防ぐため、クリックされたらボタンに「disabled=true」を付与してクリックできないようにし、処理が終わったら「disabled=false」とする。フォームの処理などで使うことの...
2017年2月2日
指定した要素の中身を空にするjQuery「empty()」
特定のHTMLタグに囲まれた中身を空にしたい。フォーム関連で割と使用頻度の高いこの動作、jQueryで簡単に実装できます。 HTMLとjQueryの例 下記のようなHTMLがあり、消去ボタンを押し...
2014年12月14日
ある程度スクロールしたらボタンがフェードインして現れるjQuery
このサイトでも採用していますが、クリックすると画面上部にスクロールするボタンを設置しているサイトは多いと思います。このボタンを初期表示では隠しておいて、ある程度スクロールしたらボタンがフェードインして...
2014年10月29日
jQueryでaタグのhrefの値(リンク先URL)を差し替えもしくは置換する方法
リンク先のURLを動的に変更したい場合、jQueryだととても手軽に実装することが出来ます。この記事ではaタグのhrefを指定したURLに差し替える例と、.comから.jpに一部だけ置換する例をご紹介...
2013年10月19日
jQueryでスマートな「ページトップへ」リンクを作る
「ページトップへ」といえば多くのサイトやブログで採用されているボタンの類で、画面最上部まで戻るためのリンクです。特に情報量が多く縦長になりがちなコンテンツでは重要なユーザー補助となります。 そん...
2013年8月28日
jquery.masonryでボックスが重なってしまう時の対処法
ボックスをタイル状に並べる時に良く使われるjQueryライブラリの一つに「jquery.masonry」がありますが、このライブラリを使用して実装しようとすると、下記のように下のボックスが上のボックス...
2013年8月8日
jQueryでMasonryとAutopagerを併用する際の記述
ボックスをタイル状に配置するためのプラグイン「jQuery Masonry」と、ページ送りを自ページ内で完結するためのライブラリ「jQuery Autopager」。これらは良く使うjQueryのライ...
