jQuery
jQuery displayの状態取得
jQueryである要素のdisplayの状態で条件分岐する <script type=”text/javascript”> $(function () { $(‘#client-form’).on(‘subm…jQuery 要素の存在判定
ある要素が存在するかどうかで場合分けしたい <script type=”text/javascript”> $(function () { $(‘#client-form’).on(‘submit’, fun…
ajaxのときもLazy Loadを実行する
Lazy Loadは便利な画像遅延読み込みjQueryプラグインです。 以下のように記述することでajaxでページの表示が変わったあとも実行されます。 JavaScript例 $(document).ajaxSucces…
JavaScript : ページの最下部に来た時にイベントを起こす
ページの一番下に到達したことをJavaScriptで拾うには以下のようにする。 $(window).on(‘scroll’, function () { var doch = $(document).innerHeigh…
select2プラグイン
jQueryのselect2というプラグインを用いると簡単にプルダウン式のフォームを装飾することができる。 簡単な例： //html側 <select> <option>りんご</optio…placeholderをselectboxの値によって入れ替える
jQuery(function ($) { var select_val = $(“selectbox”).val();//selectboxの値を取得します。 if(reason_val == “プランA”) { $(…jQuery動的に追加した要素にdatepickerを追加するには
動的に追加したinput要素でもdatepickerを動かすclassを設定していても何も起こらないということがありました。 以下のいずれかを指定することで動きました。 $(‘.date’).not(‘.hasDateP…