2

一致する属性を持つ動的に追加されたコンテンツに JS 関数が割り当てられるように、指定されたセレクターを使用して hover() をドキュメントにバインドすることは可能ですか?

私はこのトピックの両方を見てきました: 1 つのセレクターに複数のイベント ハンドラーを使用する JQuery .on() メソッドと、jQuery .on を使用してホバーすることは可能ですか?

そして私は現在使用しています：

$('.profile-gallery-image-container').on({
    mouseenter: function(){
        $('.delete-image', this).show();
        $('.image-options', this).show();
    },
    mouseleave: function(){
        $('.delete-image', this).hide();
        $('.image-options', this).hide();
    }
}, '.profile-gallery-image-container');

ただし、一致するセレクターを使用して機能を新しいコンテンツに渡すことはできません。

4

1 に答える 1

8

委任されたイベント アプローチでは、イベントを の 1 つの親要素にバインドする必要があります.profile-gallery-image-container。<body>考えられる解決策の 1 つは、 (またはdocument) 要素にバインドすることです。

$('body').on({
    mouseenter: function(){
        $('.delete-image', this).show();
        $('.image-options', this).show();
    },
    mouseleave: function(){
        $('.delete-image', this).hide();
        $('.image-options', this).hide();
    }
}, '.profile-gallery-image-container');
于 2012-10-31T16:19:53.487 に答える