2

データベースからのイベント情報を表示するコードがあります。親コンテナの ID はshow_idです。内部には 、親divにカーソルを合わせたときにのみ表示されるはずのコンテンツをshow_id含むhiden divがいくつかあります(私の場合はmouseenter関数を使用しています)。コードは次のとおりです。event_more_detailsshow_id

$('.show_event').mouseenter(function(){
    $('.event_more_details').fadeIn(500);
});

問題は、php が 5 つのイベントを生成する場合、1 つのイベントにカーソルを合わせると、非表示の div が他のすべての親 div にもフェードインすることです。

4

2 に答える 2

1

私があなたの HTML 構造を正しく理解していれば、これを使用できます。

$('.show_event').mouseenter(function(){
    $(this).siblings('.event_more_details').fadeIn(500);
});

.siblings()兄弟要素にセレクターを適用します。(ドキュメント)

于 2012-11-25T09:00:40.627 に答える
0

jquery関数ライブラリを調べた後、答えを見つけたと思います：

$('.show_event').hover(function () {$(this).find('.event_more_details').fadeIn(500);}, function () {$(this).find('.event_more_details').fadeOut(500);});

ちなみに、これは私にとってはうまくいきます.@Ohadは444の助けに感謝します.

于 2012-11-27T18:42:04.097 に答える