You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
2014.06.16 jQuery のバブリング、preventDefault() や stopPropagation() の使用例 jQuery のイベントのバブリング (伝播) については下記のサイトがほんとに分かりやすくて、読んでいただければもうあらためて書くことはないのですが、 jQueryのバブリングと、「return false;」「e.stopPropagation();」「e.preventDefault();」について (ふじこのプログラミング奮闘記 3行でまとめると、 クリックなどのイベントは、子要素から親要素へと伝播される(バブリング) preventDefault() は、その要素のイベントをキャンセルし、stopPropagation()は、親要素への伝播をキャンセルする。 return false; を使うと、その要素のイベントも親要素への伝播も両方キャンセルす
重複のない乱数を生成して配列に格納して返す方法。 パラメータに生成する乱数の数を受け取り、重複のない整数の乱数を発生させ、配列に入れて返す関数を作成。例えばパラメータに 10 を指定すると 0 から 9 の間の10個の重複のない整数をランダムに生成する。 パラメータ count の数だけ乱数を発生させる。 Math.random()で取得した値に「count」をかけて、Math.floor() で切り下げて整数にする。 すでに同じ数値が生成されているかは、すでに生成した乱数と発生した乱数を比較。 異なる値が発生されるまで繰り返し。 function generate_randomx(count) { //生成した乱数を格納する配列を初期化 var generated = new Array(); //生成した乱数を格納している配列の長さ(生成した乱数の数) var generatedCou
Androidでoverflowするとスクロールできない問題を解決するためにつくりました。 ソースコード https://github.com/yosukedoke/JSOverflowScroll 使い方 #hoge { overflow:auto;//Androidは強制的にhidden的な挙動になる width:320px; height:400px; } $("#hoge"). overflowScroll(); iOSでもoverflowを設定すると慣性スクロールが効かなくなるので有用かもしれませんが、 よほどでなければUAを判定してAndroidだけ適応するほうがいいと思います。 仕組み touchStartで取得したポイントをと現在の指の位置の差分をscrollTopに設定しているだけです。 模式的に書くと次のようなかんじです。 タッチ開始 $target.on("touch
Pinterestのように要素をレンガ上に並べるレイアウトが近年流行っていますが、 そのレイアウトをシンプルなスクリプトで表示出来るのが「Wookmark」です。 The Wookmark jQuery plugin github Wookmark-jQuery ■デモ githubにあったサンプルをこちらに置きました。 ■使い方 外部ファイル jquery.jsとwookmark.jsを読み込みます。 <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML レンガ状にレイアウトするコンテンツをリスト要素で並列に並べます。 各要素のidは後述するwookmarkの実行で使用
はいどうも~。 季節の変わり目のせいか咳がずーっと止まらなくて、 予想に反して腹筋力が若干向上してしまった虚弱エンジニアの吉田だよ。 今回は jQuery.tmpl() を紹介してみたいと思うよ。 (今回は口語調で書いてみるけど許しておくれ。この記事は夜中にお酒を飲みながら書いているんだ。) jQuery.tmpl() っていうのを、PHPプログラマ向けに簡単に説明してみようと試みると、 SmartyのJavaScript版みたいなもの、って言えばイメージしやすいかな? つまり、JavaScriptで使えるテンプレートエンジンってこと。 Webアプリケーションを開発するとき、サーバサイドだと技術もかなり枯れてきているから、 例えばPHPなんかだとSmartyを使えばModelとViewを分離するのはそんなに難しくないよね。 でも、フロントサイド(HTMLやCSSやJavaScript)のG
1 2 3 4 5 6 7 Features Smooth animated transition Customizable sprite grid Customizable animation ochestration Multiple instances on the same webpage jQuery compatible (plugin) Unobtrusive javascript Compatibility Works great on the following browsers: Firefox 3.5 IE 8 IE 7 IE 6 (imagine my surprise!) Opera 10 Chrome 4 Safari 4 Download jquery.blinds-0.9.js Working example Back to project's post U
DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 (一部jQueryではなく、DOMの仕様上の制限も含まれています) 1 $().filterにstring以外のものを渡すとエラー 1.4系では修正されていました $().findや$().notは大丈夫ですが、$().filterの場合引数にjQuery objectや配列、html elementなどを渡すとエラーになります。 (たとえばjQuery objectを渡した場合、Firefoxでは「TypeError: t.substring is not a function」というエラーが発生します) 確認する ちなみに、$().findや$().notはstring以外も渡せるた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く