タグ

2011年6月9日のブックマーク (2件)

  • もっと少量のjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする方法

    ちょっとしたコードの解説 せっかくなので、どういうコードなのかというのを、さらっとみましょう。 jQuery(function($) { //data-hrefの属性を持つtrを選択しclassにclickableを付加 $('tbody tr[data-href]').addClass('clickable') //ata-hrefの属性を持つtrをクリックしたら動作 .click( function() { //data-href属性の値をattr()メソッドで取得し、ページを遷移させる window.location = $(this).attr('data-href'); //もしtr内にa要素があれば、a要素にホバーした時に以下動作させる }).find('a').hover( function() { //a要素の先祖要素trのクリックイベントを解除 $(this).paren

    もっと少量のjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする方法
    kachibito
    kachibito 2011/06/09
    改善ありがとうです:) でもIE7でhover時に列にカラーがつかないようです。/id:ahomu あれれ、それは失礼しましたw
  • 少しのjQueryコードで(ryをもう少し短くしてみたよ

    facebookをみていたら見かけたので 少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする ムラムラしてきたから,つい,カッとなって. もっと短くしてみた! jQuery(function($) { $('tbody tr[data-href]').addClass('clickable').delegate('*', 'click', function() { if ( this.tagName !== 'A' ) { window.location = $(this).parents('tr').data('href'); } return false; }); }); a要素のhoverイベントごとにunbind繰り返すよりは,delegateでやったほうがよさげな.すべての条件で同じように動くかは怪しい気もしますがー.a要素に別のclickイベントとか

    少しのjQueryコードで(ryをもう少し短くしてみたよ
    kachibito
    kachibito 2011/06/09
    おお、素晴らしい:) リンクありがとうですー(´▽`)でも元コードはクロスブラウザ対応なので(ry/ サンプル確認しました!thx!