タグ: jQuery / LiosK-free Blog

スポンサーサイト

--------
カテゴリ: スポンサー広告

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

[JavaScript]hover関数を修正

2007-12-09
カテゴリ: Client Side
タグ: Tips JavaScript jQuery hover 修正トラックバック

以前、jQueryのhover関数を移植したことがあったのだが、実地で使ってみたらいろいろとバグが出たので修正。

jQueryのソースでは、

// Traverse up the tree
while ( p && p != this ) try { p = p.parentNode; } catch(e) { p = this; };

// If we actually just moused on to a sub-element, ignore it
if ( p == this ) return false;

となっているコードを、大幅に省略して

do if (p == elm) return false; while (p = p.parentNode);

としていたんだが、やはり横着するとよくないらしい。ところどころでバグる。

スポンサーサイト

[JavaScript]jQuery#hover()を移植してみた

2007-11-22
カテゴリ: Client Side
タグ: Tips JavaScript hover prototype.js jQuery

[追記(2007-12-09)]バグが出たので、修正版を書いて別のエントリーで公開しました。

[追記(2007-11-23)] 改善案を思いついたので書き換え。jQueryの原型をとどめなくなった。

jQueryのhoverメソッドが便利です。↓こんな感じに使います。

$('#example').hover(
    function() {
        this._message = document.createElement('span');
        this._message.innerHTML = 'Let\'s hover.';
        this.appendChild(this._message);
        this.style.backgroundColor = 'yellow';
    },
    function() {
        this.removeChild(this._message);
        this.style.backgroundColor = 'white';
    }
);