Odometerを実装してみる Odometer というカッチョイイJSを実装してみました。 仕様 クリックしたら数値変わる クリック用のナビゲーションつけよう 実装 HTML <ul> <li id=”month” class=”s… Yukimi Satoハック2016.09.09 2,123
jQuery:要素の表示/非表示で行う処理を切り分ける 要素の表示・非表示が切り替わる場合、それに伴うメニューのclass付けなどに役に立ちそうですね。 if ($(‘#edit_detail’).css(‘display’) == ‘block’) { // 表示されている… haradaハック2016.09.09 233
returnの位置 基本的な思い違いをしていたのでまとめます。イベントの中で、ある条件の時にその関数の動きをキャンセルしたいとき、 $(‘セレクタ’).click(function(){ イベント if(こんなときは止めたい) retu… nakataハック2016.09.09 406
jquery で json ファイルを読み込んだときのメモ 下のようなファイルを用意 ■ test.json { “室町幕府将軍” : [ { “名前” : “足利尊氏” , “生年” : 1305 , “死没” : 1358 } , { “名前” : “足利義詮” , “生年”… かしこハック2016.09.07 5,882
jQuery return false と preventDefault() の違い なかなか苦しんだ内容だったのでハックに残しておきます。 <div class=”hoge”> <a class=”hogehoge” href=”http://hogehoge.jp”> hoge… nissyハック2016.09.04 6,072
jQuery on() と click()の違い clickイベントに紐づけている関数をon()かclick()のどちらかに統一して記述しようとしたときに、ふと気になったのでハックに残しておきます。 <input type=”button” id=”hoge” v… nissyハック2016.09.03 7,162
jQuery:toggleで交互にアクションを変更する jQueryのtoggleを利用すると表示・非表示を簡単に切り替えることができます。 今回はそれにあわせて、内包するフォームの値も切り替えたいと思い調べたところ、以下のようにすることで実現することができました。 HTML… haradaハック2016.08.31 2,832
jQuery:自分以外の兄弟を指定 siblings()を利用することで指定要素以外の兄弟要素へ効果を付けることができます。 html例 <ol> <li class=”todo”><a id=”start” href=”#”… haradaハック2016.08.29 2,975
【jQuery】ハンバーガーアイコンを開閉時に変化させる【Bootstrap】 参考:3本線のメニューボタンをパネルの開閉にあわせてバツに変化させてみる HTML <a href=”#” id=”panel-btn”><span id=”panel-btn-icon”><… Yukimi Satoハック2016.08.18 2,501