タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

jQueryに関するdentaroのブックマーク (2)

  • 【jQuery】.on() の使い方(jQuery1.7~) at softelメモ

    jQuery1.7から、.bind()、.live()、.delegate()などは非推奨となり、.on() が推奨となりました。今後すべてのイベントは .on() で、となっていきそうですが、なにやら引数が多くて分かりにくい感じ?では使ってみましょう。 1、$(セレクタ).on(イベント, 関数) セレクタにマッチした要素で、イベントが発生すると、関数が実行されます。 = .bind() ですね。 「セレクタにマッチした要素に」なので、そこにある要素に対してとなり、後から動的に追加した要素に対しては効きません。 example $('#example-button').on('click', function(){alert('clicked!');}); Demo デモ – $(セレクタ).on(イベント, 関数) 2、$(document).on(イベント, セレクタ, 関数) do

    【jQuery】.on() の使い方(jQuery1.7~) at softelメモ
  • jQueryでスクロールしても上に固定されるメニュー|Webpark

    よく見かけるタイプのjQueryを使ったスクロールしても上に固定されているメニューを紹介します。最近FC2ブログの上部に現れた検索バー(このブログは非表示にしてます)みたいな感じです。 <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.5'},400); //スクロール時 else $('#nav').stop().animate({'opacity':'1'},400); //一番上にあるとき }); $('#nav').hover( function (e) { var scrollTop =

    jQueryでスクロールしても上に固定されるメニュー|Webpark
  • 1