jQuery.post()とjQuery.ajax() jQueryの日本語版リファレンスには、「$.postは$.ajaxの略記です」とあります。パッと見では理解できなかったのですが、それほどややこしい話でもありませんでした。 jQuery.post()は以下のように使いま… huruhurupyotrハック2017.01.19 555
AjaxでもURLを変更したい pushStateという関数で、履歴やURLを操作することができるようです。 たとえばWordPressの検索画面をAjaxで動かしていたら、以下のようにすることで、 AjaxでもURLを変更することができます。 jQu… haradaハック2017.01.06 2,427
要素に雪を降らせる LINEをいじっていたら雪が降っていたので、もしかしたらjQueryでできるのではと思ってCodepenを利用してやってみました! See the Pen vywdxd by Nissy (@nissy-02110114… nissyハック2016.12.25 387
jsとjQueryでforeachを行う phpでよく使うforeachですが、jsとjQueryでもやっぱりできる!!とのことなのでハックに残しておきます。 【javascript】 //forEachメソッドを使う var a=[1,2,3,4,5] a.f… nissyハック2016.12.23 1,326
シンプルなグラフを簡単に組み込める「jQuery Sparklines」 「jQuery Sparklines」を利用することで、シンプルがグラフを簡単に組み込むことができます。 利用方法 jQueryとjQuery Sparklinesを読み込みます。 jquery.min.js jquer… haradaハック2016.12.19 1,145
Slider for Bootstrapを利用して値をスライダーで絞り込む Slider for Bootstrapを利用することで簡単に、値をスライダーで絞り込むことが出来ます。 利用方法 ファイルをダウンロードして、基本ファイルを読み込みます。 bootstrap-slider.css bo… haradaハック2016.12.19 6,642
clickイベントに引数を渡す方法 初歩的内容ですが、よくやりたくなる操作なのでハックに残しておきます。 //以下のような要素を考える <p id=’hoge’>click</p> //受け取った引数はevent.dataで引用する… nissyハック2016.12.15 7,421
複数設置のslickでオリジナルの矢印アイコンを設置する 複数設置のslickでオリジナルのナビゲーションを設置し、それぞれ別に動かす方法です。 JavaScript var $sliders = $(“.slide_list”); var $arrows = $(‘.arro… haradaハック2016.12.12 8,009
slickで最初の画像以外を遅延読み込みにする slickではlazyLoadオプションが標準で用意されています。 slickのスライドですべての画像を一度に読み込むとページ表示完了までに時間がかかってしまいます。 そんなときこのlazyLoadオプションを利用するこ… haradaハック2016.12.06 27,746