jQuery の on() と off() を理解する - tacamy--blog
初心者向けの本とかだと、イベントを jQuery オブジェクトの後に直接指定する、 $('.foo').click(); のような書き方で説明されている場合が多いけど、少し複雑なことをしようとするとそれだと困ることが出てきます。そんなときに便利なのが on() を使ったイベント設定です。 on() ひとつで bind() live() delegate() を表せる jQuery 1.7 で、bind() live() delegate() がすべて on() に統合されたそうです。 つまり on() の書き方によって、3 パターンの使い方ができるということです。 .foo という要素をクリックしたら何かするという例で、イベントの設定と削除の方法をそれぞれ書いてみます。 bind() $('.foo').bind('click', function(){...}); は $('.foo')
カルーセルの決定版！スマホにも対応した「OWL Carousel」 - Tecuration .com
「OWL Carousel」はスマホからのタッチ操作や、レスポンシブデザイン、クロスブラウザ対応がされたカルーセルスライダーを実装するjQueryプラグインです。 OWL Carousel 最近は多くのプラグインがスマホからのタッチ操作に対応しつつあります。時代の流れですね。このプラグインにおいても例外ではなく、しっかりタッチ操作に対応しております。PCではドラッグが相当します。 レスポンシブデザインが取り込まれており、画面幅をかえるとページネーションも作り替えられます。例えばこの状態から画面幅を狭めると。 この通り、ページネーションの個数が2個から4個に変わっています。 そしてクロスブラウザ対応により「IE7, IE8, IE9, IE10, Chrome, Safari, Firefox, Opera, Dolphin, iPhone, iPad, Google Nexus」に対応して
jQueryでマウス座標を取得 | Typhooon
jQueryのイベントハンドラはコールバック関数の最初の引数にイベントオブジェクトを渡します。イベントオブジェクトの clientX プロパティと clientY プロパティによってマウスカーソルの位置を取得することができます。 イベントオブジェクトを操作するために関数にイベントオブジェクトを渡すためには、次のように引数にイベントを指定します。 [javascript] function(e){ // } [/javascript] 例えば、イベントオブジェクトの target プロパティはイベントを発行した DOM 要素への参照を返します。 次のコードは、イベントが発生しているオブジェクトを取得して DOM 要素のID 名（ #contents ）を表示させます。 [javascript] $(document).click(function(e) { var ele = $(e.tar
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jqueryを使ってみよう | jCarouselLiteの使い方
