
もちろん、そうでない方にも親しんで頂きたいと思います。 最近この記事が話題のようです。 CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました この記事中にjQuery 1.6/1.6.1での .attr()仕様変更がらみの話で、うちの「jQuery1.6のattr()で困ったら、1.6.1にすればいいみたい。」の記事へリンクされていました。 ただこの記事はちょっと中身が細かくて、ぱぱっと理解するのは難しいんじゃないかなあと思って、この記事を書いています。どこまでご理解頂けるかはわかりませんが、あっちの記事よりは読みやすいはず。 今さら感もないではないですが……。(´ω`) jQuery 1.6/1.6.1で何があったの? .attr()にまとめていた処理を .attr()と .prop()に分割した そしたら今まで動いていたも
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ちょっと気になったことがあったのでメモがてら ご紹介。WordPressには最初からjQueryが 同梱されており、わざわざ自分で本体をアップ ロードする必要が無いように出来ていますが、 バージョンが最新のものではありません。 そこで、自分で最新のものにする方も多いので すが、普通に読み込むと管理画面で問題が生じます。 大した内容じゃ無いんですが、ちょっと気になったのでメモ。GoogleなどのCDNを使ったら管理画面おかしくなった、という方はちょっとお試しいただくといいかもです。 管理画面でなんかいろいろ動かなくなっちゃった・・ をかもとさんのWordPress 同梱の jQuery 以外を使う方法という記事でwp_enqueue_scriptを使って外部スクリプト
そろそろHTML5でコーディングする機会も増えてきたりするかもしれませんが、どうしてもブラウザ対応はしておきたいもの。jQueryで(※)要素をごにょごにょする際にちょっとはまったので一応書いておきます。 IE8以下での話ですが、IE8以下でHTML5を利用するときはHTML5の要素にCSSが適用されないので、html5.jsのようなスクリプトをヘッダで読み込ませたりすると思います。 ちなみに僕はわざわざ読み込むのもアレなので、以下のものを毎回貼ってます。 こんな感じでJavaScriptのcreateElementメソッドでHTML5の要素を追加すれば、CSSが使えるようになって見た目もだいたいばっちりになるんですけど・・・ jQueryで $(hoge).append('セクション') とか $(hoge).append([ '', '', // hogehoge '', '' ].j
※コメントにも頂いておりますが、この公開版はバグがありますので、承知の上でご利用になるか、ご自身でカスタマイズされる方がお使いください。 スマートフォンサイトにおいて、左のムービーのようなフリック動作ができる画像スライドのjQueryプラグインを作りました。(ムービーはiOSシミュレータによるデモです)iPhone・Androidでご覧の方はデモに直接アクセスしてください(ムービーは再生されません)。 【デモを見る(iPhone・Androidで見てください)】 【ダウンロード】 なぜプラグイン化したか 横向き対応がハードルを高くする ご自身でこの手のUIを組んだ経験がある方はわかると思いますが、絶対配置(position:absolute)を使ったリキッドレイアウトを組むのはなかなか手の込んだことが必要で、今後の仕事で都度ゼロからUI作成を行うのは効率が悪くなってしまうと思ったからです。
jQueryでradioボタンを動的に作るときに、コードの書き方によってはIE6とIE7で動かなくなる場合があったのでメモ。 問題のコード var radio = $('<input type="radio" value="1" />') .attr('name', 'is_public_'+num) .attr('id', 'is_public_'+num); 問題のコードは attr() を使って name と id をセットしようとしていました。FirefoxやSafari、IE8、IE9では問題なく動作しますが、IE6とIE7ではradioボタンが切り替わってくれません。 解決法 どうやらIE6とIE7では、attr()を使ってnameを後付けするとうまくradioボタンのグループが作れないみたいです。なので、 var radio = $('<input type="radio"
ブログとかのプラグインでよく分からず使ってる人もいるみたいですし。結論は一番上のやつやってればいいんですけど、というか、プラグインソースは全部こうなってないとだめなんですけど、古いソースコードはそうなっていないものもあったりして(thickboxとか)、思いつく方法全部書き出します。 カプセル化する(これだけやればOK jQuery.noConflictを使う $をjQueryに置き換える jQueryを使わない jQueryだけを使う カプセル化する(これだけやればOK プラグインソースを (function($) { // hogehoge })(jQuery); で囲むだけ。ソースコードは // hogehoge のところに入れてください。これは簡単に言うと、(function($) { })(jQuery); に囲まれた中では $ = jQuery として扱われるのですね。この中は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く