jQueryでaリンクにイベントを設定するモダンな書き方を教えてください リンクにクリックイベントを設定するとき 最初 <a href="#" onClick="jump(1);">ページ１<…
jQueryでaリンクにイベントを設定するモダンな書き方を教えてください リンクにクリックイベントを設定するとき 最初 <a href="#" onClick="jump(1);">ページ１</a> <a href="#" onClick="jump(2);">ページ２</a> function jump(page) { location.href = 'http://hoge' + page; } としてましたが、なんとなくjQueryでロード時にイベントを設定する方が良いのかなと思って、以下のように直しました $(function(){ $("#one").click(function(){ location.href = 'http://hoge' + 1; }); $("#two").click(function(){ location.href = 'http://hoge' +
jQueryの.each()に潜む罠 - 暮らしの技術
.each()の話 jQueryの.each()を使うと，JavaScriptのオブジェクトか配列を対象にした繰り返しを簡単に記述できる．*1 var list = [0,1,1,2,3,5,8,13]; $.each(list, function(index, elem){ console.log(elem * 2); }); // 0 VM2035:4 // 2 VM2035:4 // 2 VM2035:4 // 4 VM2035:4 // 6 VM2035:4 // 10 VM2035:4 // 16 VM2035:4 // 26 VM2035:4 で，このeachにはもう一つ書き方がある． var list = [0,1,1,2,3,5,8,13]; $.each(list, function(){ // さっきは引数にindex, elemを指定していた console.log(
はてなブログの追尾型ソーシャルボタンセットにPageTop／Downボタンを付ける - 太陽がまぶしかったから
追尾型ソーシャルボタンセットにスクロール機能を付ける Word Press界隈ではよく見かけていたのですが、嫌味じゃない程度に追尾するソーシャルボックスがあると、読んでる途中でも「シェア」や「あとで読む」がやりやすくなって確かに便利です。Word PressではShareBarというプラグインで実現しているようです。 この機能について、はてなブログで実装する事を考えた時、手動で作り込むと管理が面倒かもと思っていたのですが、『ツイートボタン、いいねボタンなどをまとめて簡単設置｜忍者おまとめボタン』で生成したソーシャルボタンセットを利用すれば比較的簡単に管理できるように実装できます。 上記エントリでは、『ツイートボタン、いいねボタンなどをまとめて簡単設置｜忍者おまとめボタン』で作ったソーシャルボタンセットをスクロール追尾させる方法について解説しました。このソーシャルボタンセットについて、Pag
[CSS]デモが楽しい！要素にclassを与えるだけでさまざまなCSS3アニメーションを適用するスタイルシート -Magic
Slide, Math, Tin, Bomb Magicの使い方 Step 1: 外部ファイル 当スタイルシートを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="yourpath/magic.css"> </head> Step 2: 要素にアニメーションを指定 アニメーションはmagic.css単体で動作しますが、jQueryと組み合わせることでユーザーのさまざまなアクションをトリガーにすることができます。 まずはjQueryのセレクタで要素を指定し、例えばホバー時にアニメーションさせる時はこんな感じに。 $('.yourdiv').hover(function () { $(this).addClass('magictime puffIn'); }); 特定の時間、ループでアニメーションさせる時はこんな感じ。 setInt
jQuery.ajax()で取得したHTMLの一部を抜き出す方法
jQuery.ajax()で取得したHTMLの一部を抜き出す方法を紹介します。 １．問題点 次のように、ajax()メソッドで取得したHTMLを丸ごと埋め込むサンプルはネットで多くみかけます。 <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $.ajax({ url: 'http://user-domain/foo.html', dataType: 'html', }) .done(function(data) { $("#bar").html(data); }) .fail(function(data) { // ... }); </script> <div id="bar"></div> が、取得したHTMLの一部だけを抜き出して利用したい場合、どのように記述す
(2/2) - 第一回 jQueryから始めるBackbone.js - 実践！Backbone - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル
Backboneをインストールする なにはともあれ、まずはBackboneのインストールからです。 Backbone公式サイト へアクセスしてダウンロード1します。加えてBackboneはUnderscoreというライブラリにも依存しているので、そちらもUnderscore公式サイトからダウンロード2してください。既にjQueryは存在している前提なのでダウンロードしたソースコードをjQueryファイルと同じディレクトリに置いたら、あとはBackboneとUnderscoreを読み込むだけです。その際は必ずBackboneを一番最後に読み込むようにしなければいけません。 <script src="path/to/jquery.js"></script> <script src="path/to/underscore.js"></script> <script src="path/to/ba
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
