jQueryプラグイン(36)

36follower
harada さんのアバター 11views

slickで最初の画像以外を遅延読み込みにする

slickではlazyLoadオプションが標準で用意されています。 slickのスライドですべての画像を一度に読み込むとページ表示完了までに時間がかかってしまいます。 そんなときこのlazyLoadオプションを利用することで、表示されていな... 2016年12月6日
harada さんのアバター 12views

jQueryで動的に作成されたDOM要素にアクションを追加する

lightboxのウインドウで別のjQueryプラグインのアクションを実行したかったのですが、lightboxのウインドウは動的に作成されているため、普通の記述では効きませんでした。 以下の記述で無事実行できましたのでメモしておきます。 ... 2016年11月25日
harada さんのアバター 15views

jQueryでweb上の画像にPhotoshopのトーンカーブ設定を適用する方法

そんな魔法みたいなことが、jQuery filter.meというjQueryプラグインで実現できます。 サンプルはこちら 簡単さでは前回の読み込むだけで画像にInstagramのような加工ができるCSSライブラリ「CSSgram」にはか... 2016年11月25日
harada さんのアバター 14views

iCheck利用時のチェックの判定による動作の切り替え

たとえばWordPressの記事公開のボタンが押された際に、iCheck利用のチェックボックスにチェックが入っているかどうかを調べて、入っていない場合はjQuery Validateを動かすためにrequiredクラスを付与したい場合は以下... 2016年11月9日
harada さんのアバター 15views

WordPressでMasonry+Infinite scrollを利用する2(手動&改善)

以前もかいたことがあるのですが、以前の方法では読み込み中のローディング表示にずれが生じていましたので変更しました。 また、自動ではなく手動で読み込むようにしてみました。 functions.php リンクボタンに特定のクラスを追加 a... 2016年10月31日
nissy さんのアバター 25views

jQuery BabySteps スライド切り替え時に処理を加える

このプラグインでは、以下の用意されている関数で2つの用意したスライドを遷移できるようにしてくれます。 // slide1とslide2は紐付けたいスライドのセレクタを指定 var slide1 = $('#hoge1'); var s... 2016年10月7日
harada さんのアバター 9views

jQuery Validation Pluginで指定の動作の前にバリデートをかかるようにする

関数化して、どこででも利用できるようにしました。 #postは該当のformのIDを入れて下さい。 function step_check_validator() { if (!$("#post").valid()) ... 2016年9月15日
nissy さんのアバター 63views

jQueryプラグイン validate.js

まずバリデートとは 恥ずかしながらvalidationの意味を知らなかったので調べて見ると、検証とか妥当性確認とかの意味らしいです。 今回の開発でバリデートとかかわることがあったのですが、どこで関わったかというと入力フォームのところです... 2016年8月30日
harada さんのアバター 87views

指定したcookieを簡単に削除できる「jquery.cookie.js」

指定した名前のcookieを削除したいときに、「jquery.cookie.js」というプラグインを利用するととても簡単にサクッと削除できます。 利用方法 ダウンロード https://github.com/carhartl/jque... 2016年5月20日
harada さんのアバター 575views

Select2のセレクトボックスで選択した内容をクリアできるオプション

以下のようにオプションで’allowClear’を追加することで選択した項目の右端に「×」アイコンが付与され押すことで選択した内容がクリアされます。 jQuery('#select').select2({ ... 2016年3月9日
harada さんのアバター 367views

iCheckを利用時のチェックの有る無しで表示を切り替える

iCheckはチェックボックスとラジオボタンの表示をきれいに見せてくれるjQueryプラグインです。 iCheck iCheckを利用時はチェックのオンオフ分岐が以下のように変わります。 $('input').on('ifC... 2016年2月18日
harada さんのアバター 73views

jQuery Validateプラグインのバリデートをselect2プラグインにも適用する

jQuery Validateプラグインを利用してのバリデートではデフォルトではhidden状態の要素には反応しないようになっているため、Select2プラグインを適用したセレクトボックスではバリデートが反映されません。 これは、Selec... 2016年2月4日
harada さんのアバター 835views

select2の「No results found」を日本語に変更する

オプション記述のところに以下のように記述することで、好きな文言に変更できます。 language: {"noResults": function(){ return "見つかりません。";}}, escapeMarkup: functio... 2015年11月5日
harada さんのアバター 682views

「jQuery Steps」で簡単にウィザードフォームを実装する

jQuery StepsというjQueryプラグインを利用することで、簡単にステップ式のウィザードフォームを実装することができます。 ダウンロードはこちら デモはこちら 利用方法 javascript jQueryプラグインですので... 2015年8月24日
harada さんのアバター 950views

slickのスライドギャラリーに総数と何枚目かを表示する

[ 2 / 10 ]などの順番と総数を表示させます。 JavaScript var $status = $('.pagingInfo'); var $slickElement = $('.slide_image'); $... 2015年7月1日
harada さんのアバター 381views

WordPressでMasonry+Infinite scrollを利用する

Masonryでブロックをパズルのようにならべ、Infinite scrollで無限スクロールを実装しようとしたところ、ブロックが重なってしまったり、一方のjQueryプラグインが動作しなかったりと手こずったので覚書をしておきます。 M... 2015年6月25日
harada さんのアバター 2,093views

slickで「Slider Syncing」のslick-activeクラスが全てにつくバグを解消する

jQueryプラグインのslickはレスポンシブデザイン対応のカルーセルプラグインです。 タッチデバイスにも対応しており、簡単な記述で様々な機能を実装することができます。 この多機能な中の「Slider Syncing」というサムネイル画... 2015年6月19日
Takkiii さんのアバター 365views

JQueryプラグインや埋め込みタイムラインでwebフロント開発

JQuery自体まだ慣れていなくてゼロからJSファイルにコードを書くことはあまりできないけど、 プラグインが非常に充実しているのでJQueryをゼロから書いたことがない人でも、ホームページやフロントのテンプレなどに面白いアニメーションや... 2015年3月20日
harada さんのアバター 712views

jQueryプラグインでソースコードを装飾&コピペしやすくする

投稿は簡単に、でもソースコードは見やすく、そして利用しやすくするためにソースコードの見せ方を変更しました。 GitHub Flavored Markdown for WordPressで、Google Code Prettifyを利用するの... 2014年12月10日
harada さんのアバター 261views

easy pie chartでつくる簡単な円グラフ

easy pie chartというjQueryプラグインを利用することで簡単に円グラフが作成できます。 サンプル・ダウンロードはこちら 読み込む jQueryを利用していますので、jQueryファイルとダウンロードしたプラグインを読み込... 2014年12月5日