clickイベント(jQuery)の罠 – Webサプリ
clickイベントが動かない jQueryのclickイベントを使っているとうまく動かないときがある。 元々存在するDOMにclickイベントを設定するときは、期待した通りに動くが、jQueryのappendメソッドなどで後から追加した要素にclickイベントを設定するとクリックをしているのに動かないことがあります。 そういうときは、onメソッドを使うと解決できるので、その方法をご紹介致します。 clickイベントが効かない NGパターン 生成したDOM要素にイベント設定する方法 clickイベントが効かない appendメソッドなどで、動的に要素を追加してその要素にclickイベントを設定しても、全く動かない。 調べてみると、jQueryには、イベントの記述方法が二つあったので、うまくいかない例とうまくいった例を紹介します。 NGパターン clickイベントを設定する簡単な方法は、cli
jQuery animation queueを使った連続アニメーション - jsdo.it - Share JavaScript, HTML5 and CSS
// queue管理するための要素 var q = $('<div>'); function writeQ(){ $('#log').text( q.queue().length ); } function anim(){ var $hoge = $('<div>').css({ position: 'absolute', left: Math.random()*400|0 + 'px', top: Math.random()*400|0 + 'px', width: 10+Math.random()*40|0 + 'px', height: 10+Math.random()*40|0 + 'px', backgroundColor: "#" + Math.random().toString(16).slice(2,8) }).appendTo($('body')); var props
jQueryが思い通りに動かない時は読み込みの順番を遅らせてみよう。Twitterの優しさに号泣した話。
@infonumber333 ﾉ — Ⓡⓨⓞⓤⓗⓔⓘ Ⓢⓐⓘⓣⓐさん (@saita_ryouhei) 2013年6月10日 さきほどのツイートから間もなく、おしゃれなハットのアイコンが目印で北海道の大地のような寛大な心を持ち合わせた紳士の「さいたさん(@saita_ryuhei)」が助けの手を差し伸べてくれるという奇跡が。なんということでしょう。 @infonumber333 分かる範囲でならm(_ _)m — Ⓡⓨⓞⓤⓗⓔⓘ Ⓢⓐⓘⓣⓐさん (@saita_ryouhei) 2013年6月10日 ここぞとばかりにご好意に甘えることに。 サイドバーが「びゅんっ！」ってなる問題。 @infonumber333 途中から固定されるようにはなってましたが、ある程度までスクロールするといきなり「ぴゅんっ！」って固定されるサイドバーが表示されました。 — Ⓡⓨⓞⓤⓗⓔⓘ Ⓢⓐⓘⓣⓐさん (@sai
jQueryプラグイン「jquery.cookie.js」でcookieを簡単に扱う ｜ Tips Note by TAM
JavaScriptでcookieを扱うのは、値のエンコード・デコードや書き込む際の文字列結合、値を取り出す実装など、意外に面倒です。しかし、「jquery.cookie.js」を利用すれば、cookieを簡単に扱えるようになり、シンプルなコードで実装できます。 まずはjQueryとjquery.cookie.jsを読み込みます。 ※jquery.cookie.js は GitHub（https://github.com/carhartl/jquery-cookie）からダウンロードすることができます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> ■cookieの設定 cookieを保存するには
onloadが複数で困ったら（jQuery編） ビジネスマンの徹底パソコン奮闘サイト
2011-03-16： 目次を作成しました。 2010-09-17： Google Map 2 記事一覧を作成しました。 2010-07-03： Google Map 3 記事一覧を作成しました。 ブログを作成していて、javascriptで色々と機能を追加していくと なにやら急にある機能が動かなくなったりした経験はありませんか？ そういった場合、原因は色々あると思いますが 一番良くある例はonloadが複数存在してしまっている事だと思います。 window.onloadは複数存在する場合、 一番最後に実行されたものだけが生き残ると言う性質があります。 なので、例えば ＜script src="abc.js" type="text/javascript"＞＜/script＞ ＜script src="xyz.js" type="text/javascript"＞＜/script＞ とコーデ
短期間でJavaScriptを習得し、アプリ・Webサービスをつくるための勉強法 | らふらく ^^ @TwinTKchan #spam
前回書いた 短期間でプログラミングを習得してWebサービスをつくるための知識と方法まとめ が好評だったので、今回は、JavaScriptに絞って習得するための方法をまとめてみたいと思います。 ちなみに、一番最初に、JSに触れた時は、Hello, Worldを表示させたり、 aタグでリンクをはったりぐらいしか出来ませんでした。 ですが、現在はjQueryで社内システムの 画面をつくる(Ajaxとかを使って)事を任せてもらっています。 なぜ、JavaScript(JS)がいいのか？なぜ勉強するのか？ まずは、なぜJSをお薦めするのかを説明します。 ①ネイティブアプリがつくれちゃう。 ネイティブアプリとは、iPhoneアプリとか、Androidアプリのことです。 これまでは、iPhoneなら、Objective-Cという言語を、 AndroidならJava(JSとは別物)という言語
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
1216彩票-官网平台
jQueryサンプル集 | DesignWalker