jQuery(179)

179follower
harada さんのアバター 68views

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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日
かしこ さんのアバター 115views

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

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

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

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

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

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

Odometerを実装してみる

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

jQuery:要素の表示/非表示で行う処理を切り分ける

要素の表示・非表示が切り替わる場合、それに伴うメニューのclass付けなどに役に立ちそうですね。 if ($('#edit_detail').css('display') == 'block') { // 表示されている場合の処理 a... 2016年9月9日
nakata さんのアバター 33views

returnの位置

基本的な思い違いをしていたのでまとめます。イベントの中で、ある条件の時にその関数の動きをキャンセルしたいとき、 $('セレクタ').click(function(){ イベント  if(こんなときは止めたい)  return fals... 2016年9月9日
かしこ さんのアバター 791views

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

下のようなファイルを用意 ■ test.json { "室町幕府将軍" : [ { "名前" : "足利尊氏" , "生年" : 1305 ... 2016年9月7日
nissy さんのアバター 83views

jQuery return false と preventDefault() の違い

なかなか苦しんだ内容だったのでハックに残しておきます。 <div class="hoge"> <a class="hogehoge" href="http://hogehoge.jp"> hogehoge.jp... 2016年9月4日
nissy さんのアバター 196views

jQuery on() と click()の違い

clickイベントに紐づけている関数をon()かclick()のどちらかに統一して記述しようとしたときに、ふと気になったのでハックに残しておきます。 <input type="button" id="hoge" value="bu... 2016年9月3日
harada さんのアバター 116views

jQuery:toggleで交互にアクションを変更する

jQueryのtoggleを利用すると表示・非表示を簡単に切り替えることができます。 今回はそれにあわせて、内包するフォームの値も切り替えたいと思い調べたところ、以下のようにすることで実現することができました。 HTML例 <a ... 2016年8月31日