jQuery

jquery.turbolinksの導入したのに動かないよメモ

みんな大好き(でもない)turbolinksで、$(document).readyを復活させるためのjquery.turbolinksを入れる。まず、 gem 'jquery-turbolinks' そして、manifestに //= require jquery.turbolinks 動かない。githubリポジトリのREADMEによると 以下順番でないと…

ローディング中gifアニメーションを画面全体にかぶせる(オーバーレイ)

こういうやつを画面全体のレイヤーに被せる方法です。 実装方法は、色々な手法で紹介されていますが、 なるべくシンプルに、かつ汎用的に使えるようにしました。 colorboxやlightboxプラグインを使っているサイトであれば、より楽です。 css,js呼び出し <link href="../css/colorbox.css" type="text/css" rel="stylesheet"> <script type="text/javascript" src="/js/jquery.colorbox.js"></script> ロ</link>…

チェックボックスの全選択/解除

jquery1.6以降、.attr()の仕様が変更になったため $(function(){ $('#all').click(function(){ $('.chklist').attr('checked', $(this).attr('checked')); }); }); 上記では、全選択解除が動かなくなってました。 .attr('checked')が FALSE=>undefined にな…

ラジオボタン、チェックボックスの値を取得

jQueryでフォームの値を取る ラジオボタンの場合 $("#id").val() では、value値が取れていなくて、「なんでじゃー」「いや当たり前」 nameプロパティを指定しなければならず、 $("input[name=hoge]").val() が正解は不正解 デフォルトでチェック入れた状態に…

初期ロード処理 $(document).ready(function(){ fugafugaaaaa})

$(document).ready(function(){}) おまじないのように使っていますが、 正確には、DOMツリーの読込が終わった後に、準備させておきたい処理を記述しておきます。なお、以下は全く同じsynonymだそうで $(function(){ }); 別の人がjsの部分だけ弄ったりすると…