タグ

jQueryとdocumentに関するmytechnoteのブックマーク (5)

  • 【jQuery】.on clickイベントが効かない時の対処方法 - Web関連あれこれ

    jQuery1.8ぐらいから、 .click(function(){}) →.on('click', 'id', function() {}) ↑で書くべし的な事を言われてちゃんと.onで書いているのになぜか?効かない。。。 1時間ぐらいハマったのでメモ。。 1. まずはjQueryのバージョンを確認 .on()メソッドはjQuery1.7に登場ですので、 当然それより前のバージョンでは使用できません。。 意外と見落としてしまいます。 レスボンシブ対応の比較的新しいサイトでv1.5.2が使われていた。。なんて事もありました。 わりとよく使うjs系をテンプレセットにして何年も使う会社もありますし、古いサイトのメンテやセミリニューアルなどで物凄く古いjQuery Libraryに出会う事もあります。 *ファイル名が「jquery.js」とバージョン名が書かれていない物は、中身(ソース)を見て上

    【jQuery】.on clickイベントが効かない時の対処方法 - Web関連あれこれ
  • Google Chrome の拡張を突貫で自作した覚え書き - Qiita

    できたものはこちら。 https://github.com/Minori-Akizuki/nicotwitter 前置き ニコニコってあるじゃないですかニコニコ動画。 右上にツイッター投稿のボタンあるけど、あれクリックしても動画名ぐらいしか投稿されないじゃないですか。 んで、タグ入れたいなーとかP名ぐらいは入れたいなーって思って、じゃあツイートボタンぐらい捏造しますか。ジャバスクか。ついに私はジャバスクに手を出すのか。狐さんだったら 猿でも同居させておけばいい んですがちょろめさんだから、ちょっくら拡張ぐらい作ってみますか。と。 必要な物 エディタ 今注目のテキストエディタ「Atom」の使い方と便利機能まとめ http://blog.codecamp.jp/atom_utility/ emacs 一でもよかったんですが、WEB開発の為に作られたエディタですか。なるほどこれは便利そう。 フ

    Google Chrome の拡張を突貫で自作した覚え書き - Qiita
  • jQueryで文章を1文字ずつアニメーション表示(複数行対応) - jsdo.it - Share JavaScript, HTML5 and CSS

    昨日作ったもの(jQueryでレトロゲームのプロローグ風~)を講師に見せたら、 「応用して1文字ずつ表示するのも作れるんじゃね?」 と振られたので、作ってみました。コードの行数が3倍になったけど、これは‥ 応用?(´・ω・`) .fadein 内にあるspanで囲ったテキストが1文字ずつ表示されます。 複数行にも対応 var DELAY_SPEED = 100;//文字が流れる速さ var FADE_SPEED = 500;//表示のアニメーション時間 var str = []; $(document).ready(function(){ $('.fadein > span').each(function(i){//セレクタで指定した要素すべて $(this).css('opacity','1');//行を不透明にする str[i] = $(this).text();//元のテキストをコピ

    jQueryで文章を1文字ずつアニメーション表示(複数行対応) - jsdo.it - Share JavaScript, HTML5 and CSS
  • Post by @0-9

    jQueryにはイベント制御のAPIとして、clickやmouseoverの元になるbindの他に、同じような呼び出し方のliveやdelegateが提供されている。 bindはDOM APIで提供されているaddEventListenerのwrapperだが、liveは以下のような実装になっている。 1. 第一引数のイベント名でdocument objectにlive用のイベントハンドラーをbindする 2. 1で設定したイベントハンドラー内でdocument object内に存在する要素上で発生したイベントを全てキャッチする ・イベントの発生元要素がbind時に設定されたセレクタに一致する場合、第二引数に指定されたユーザーのイベントハンドラーを呼び出す これはもともと「多量の要素に対してbindするとUIをロックしてしまう」という問題の対策として知られていた手法だが、liveはそれをj

    Post by @0-9
  • jQueryのDeferredとPromise - tkawachi Blog

    JavaScript(というか CoffeeScript)って90年代にブラウザ上で使われていた頃のイメージが拭えず、どうも気持ち悪くて逃げて回ってたんですが、事情があって最近は渋々書いてます。 JavaScripterの皆様にとっては何を今更だとは思いますが jQuery.Deferredを使って楽しい非同期生活を送る方法 を読んで Deferred 便利だな、と思ったので理解したところをメモしておきます。 利用シーン $.get() ってエラーハンドリングできないのか。使えないなー。と思ったとき 複数の AJAX リクエスト(などの非同期処理)を同時に開始して、全部終わったら何かしたいとき。 Deferred object キーになるのは Deferred object です。 状態 Deferred object は状態を持ちます。状態は3つのうちいずれか。 未解決(unresolv

  • 1