jQuery(165)

165follower
harada さんのアバター 10views

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

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

jQueryで指定したclassが存在したら実行する分岐の書き方

以下のように記述することでclass="home"があるときだけ実行できます。 if($('.home').length) { //classが存在したら実行する } 参考:jQueryで特定の要素が存在するかどうかを判別する処理 c... 2016年12月1日
hirokas さんのアバター 38views

jQueryを使ったクロスドメインAjax通信

Cross Domain Ajax プラグインを用いると、クロスドメイン制約が解除される。 https://github.com/padolsey-archive/jquery.fn/blob/master/cross-domain-aj... 2016年11月29日
harada さんのアバター 11views

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

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

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

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

PHP&jQuery:URLにパラメータを付けてパラメータの内容をフォームで取得し値に挿入する

特定のIDを持つページでフォームへのリンクをクリックした場合にそのページのIDをURLで送信し、どのページからリンクを押したかをフォーム側で取得する方法です。 ※以下のjQuery記述はWordPressの管理画面用になっていますので適宜... 2016年11月17日
harada さんのアバター 33views

jQueryでformのselect要素を選択できない状態にして、かつ値を送信する

IDにselect_inputが設定されたセレクトボックスを選択できないようにdisabledを設定して、なおかつselectedで選択されている値がフォームで送信されるようにするには以下のように設定します。 disabledを設定するだ... 2016年11月15日
harada さんのアバター 14views

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

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

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

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

jQueryでスクロールしたら上からヌルっと出て来るヘッダーを実装する

参考:【jQuery】ナビゲーションをアニメーションで表示しページ上部に固定する方法 – North-Geek 参考サイトだと、ヘッダーはトップイメージの下にあり、そこが基準になっていますが、今回は下記のようにしました。 ... 2016年10月24日
nissy さんのアバター 26views

jQuery .prev() と.next()の使い方

以下のような、DOM要素があったとき、 <ul> <li>list item 1</li> <li>list item 2</li> <li class="th... 2016年10月9日
nissy さんのアバター 25views

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

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

jQuery と html と css で複数選択可能なボタンを作る

タイトル通り、複数選択可能なボタンを作ろうと思い作成しました。 とりあえず、ボタンを押したら今押されているボタンのIDを取得して画面に表示させています。 ※ 細かいバグがあるかも ■ index.html <!DOCTYPE ... 2016年10月4日
かしこ さんのアバター 25views

サイト一覧に favicon.ico を付けていい感じにしたい

サイトの一覧を文字だけじゃなくて ・[アイコン] サイト名1 ・[アイコン] サイト名2  … のように表示したいと思いました。 <!DOCTYPE html> <html> <head>... 2016年9月27日
かしこ さんのアバター 35views

jQuery と php を連携させたい② ~ json ファイル表示・削除編~

先日作成した json 保存処理に機能を追加してみました。 (前回の → http://hacknote.jp/archives/22335/ ) 1) 保存した json を画面表示 2) json の削除(json ファイルの中身... 2016年9月15日
harada さんのアバター 9views

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

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

jQuery と php を連携させたい ~ json ファイル保存編~

画面から入力されたデータを php へ渡して json ファイルとして保存させる処理です。 入力値未記入でも保存はします。 (2016/09/15) : main.php を少し修正 ■ test.php ※ js、css も直書き... 2016年9月14日
かしこ さんのアバター 165views

jquery で xml ファイルを読み込む

xml ファイルを読み込んで画面に表示させようと思いました。 今回は html と javascript を分けています。 ■ test.xml (読み込む xml ファイル) <?xml version="1.0" encod... 2016年9月13日
かしこ さんのアバター 43views

jquery で json ファイルを読み込んだときのメモ②

以前作成したjson読み込み処理に機能を追加してみました。 (※ 前のやつ → http://hacknote.jp/archives/22085/) 追加した機能としては 1) json が更新されたら再読み込みしなくても画面に変更... 2016年9月12日
Yukimi Sato さんのアバター 69views

Odometerを実装してみる

Odometer というカッチョイイJSを実装してみました。 仕様 クリックしたら数値変わる クリック用のナビゲーションつけよう 実装 HTML <ul> <li id="month" class="se... 2016年9月9日