1


0

このコードの場合:

ページのトップへこんにちは、お元気ですか。

'' '' '

$(document).ready(function(){

$( "#header")。append( 'append DIV');

$( 'div.message')。hover(function(){alert( 'hi');}、function(){alert( 'bye');});

;));

'' '' '

HTML内の既存のDIVがマウスを均等にトリガーして警告するのはなぜですか?しかし、追加されたDIVはそうではなく「死んで」います。追加されたDIVは既存のDIVとどのように反応するのでしょうか。

ありがとうございました。

'' '' '

編集:要約すると、これが解決策でした:

$( '')。addClass( 'message')。text( '(mouse 1)')。appendTo( '#header'); $( '')。addClass( 'message')。text( '(mouse 2)')。appendTo( '#header');

$( '。message')。hover(function(){$( '#header')。prepend( 'in');}、function(){$( '#header')。prepend( 'out'); ;));

SPANがホバー機能の下に配置されている場合は、機能しません。

3 Answer


2


これが現在のコードから生成されたXHTMLです。

put mouse here

ご覧のとおり、マウスオーバーしたい部分にはテキストがありません。

Try:

$('').addClass('message').text('appended DIV').appendTo('#header');

これで、 + message`クラスが添付された新しい + div`内にテキストが表示されます。


1


この方法ではテキストを追加してDOMオブジェクトを作成しないので、うまくいきません。DOMオブジェクトは後で選択できます。

あなたはおそらく以下のようにするべきです:

var divObj = $( '')。attr( 'class'、 'message'); $( '#header')。append(divObj);

$(divObj).hover(function(){alert( 'hi');}、function(){alert( 'bye');});


0


あなたのコードは実際にFirefoxで私のために完璧に動作します、それで私はそれが問題である何か他のものでなければならないと思います。 あなたがそれに影響を与えているとあなたが思う他に何かがありますか?