[jQuery] attr(‘checked’)で取得したチェックボックスの値が変わらない

Railsのバージョンを3.2.13に上げたら、jQueryのバージョンも上がって1.10.1になってた。
チェックボックスの値は

if($("#ruby").attr('checked')){
	...
}

という感じで取得してたんだけど、うまく動作しなくなってしまった。

チェックボックスにチェックがついていても.attr('checked')undefinedを返している。

そして、よく調べると.attr('checked')は状況によって挙動がことなるので使わない方がよいことがわかった。
かわりに.prop('checked')を使用した方がよい。

“[jQuery] attr(‘checked’)で取得したチェックボックスの値が変わらない” の続きを読む

jQuery $.getJSONによるJSON・JSONP読み込み

jQueryでJSONPを読み込んでいるライブラリがあったので、どんな動作をしてるのかと思って基本的なところから動作確認をしてみた。

まずは静的なJSONファイルを作成して読み込むところから始める。
“jQuery $.getJSONによるJSON・JSONP読み込み” の続きを読む

jQuery/JavaScriptによる画像リサイズ その2

先ほど”jQuery/JavaScriptによる画像リサイズ“というポストをしたばかりなんだけど、もう少しjQueryを使えばキャッシュ回避をしなくてもよくなったので、改めてポストしておく。

改善点

  • 余計な画像ダウンロードが必要なくなる
  • リサイズをしてから画像表示する

“jQuery/JavaScriptによる画像リサイズ その2” の続きを読む

jQuery/JavaScriptによる画像リサイズ

【追記】この記事をポストした後にもう少しよい方法が見つかったので次の記事を参照してください。
jQuery/JavaScriptによる画像リサイズ その2

JavaScriptとjQueryを使って、だいたいのブラウザで動作する画像をリサイズする方法をいろいろ試していた。

Firefoxだと画像の幅が取得できないということはないけど、リサイズが効く前に画像が表示され画像が一瞬大きく表示されてしまう。

若干気持ち悪さは残るが、今のところ表示時に”display: none”で対応するのがよさそう。

一瞬画像が大きく表示されてしまうのは避けたいということと、ブラウザ毎の条件分岐はあまりしたくないというところを条件に作ってみた。
“jQuery/JavaScriptによる画像リサイズ” の続きを読む

カスタムフィールドでJavaScriptを記事に埋め込む WordPress

最近、jQueryを少しずつ使うようになって、記事をいくつか書いてきたんだけど、せっかくなので実際に動くデモも表示したいと思っていた。

そこで、記事にJavaScriptのコードを入れてみたんだけど、なんだかうまく動かない。。。

記事中の文字はWordPress内でpタグで囲われたり勝手に改行されたりするのが原因らしい。

最初はちょっとあきらめてデモのスクリーンショットを貼ったけれど、なんだか格好悪いので、カスタムフィールドを使ってどうにかしてみた。
“カスタムフィールドでJavaScriptを記事に埋め込む WordPress” の続きを読む

jQueryでブログ貼り付け用にHTMLコードをエスケープする

ブログにHTMLコードを貼り付けるときpreタグでもエスケープしないとうまく表示されない。

JavaScriptでエスケープする方法を調べてみたら、手動で置換してたり一行にしか対応してなかったり、空白が全部 になったり、あまり思ったような物がなかった。

WordPressではビジュアルモードにコードを貼り付けた後、HTMLモードにすればエスケープしてくれるんだけど、jQueryでもHTMLをエスケープできるといいなと思い、ツールを作ってみた。
“jQueryでブログ貼り付け用にHTMLコードをエスケープする” の続きを読む

WordPressでjQueryが動作しない “$ is not a function”

追記: 2012/01/24

“WordPressでjQueryが動作しない “$ is not a function”” の続きを読む