0

内部に非表示の div がある div があるサイトがあります。私がやろうとしているのは、親 div にカーソルを合わせたときに非表示の div を表示することです。:hoverie6 をサポートする必要があるため、CSS3 を使用できません。そこでjqueryを使用しました。これは私にはうまくいきません。

以下に例を示します。

$('#front-container').on("hover", "#jobs-by-cat .job", function () {
    $(this).find('.hover').toggleClass('hidden');
});

そして、これはホバー時にどのように見えるかです: JSFiddle

div は動的に変更されるため、その#jobs-by-catように選択する必要があります。

4

3 に答える 3

4

というイベントはありません。.hover()関数は、mouseenter および mouseleave イベント ハンドラを登録するためのショートカットhoverなので、それを使用する必要があります。

$('#front-container').on("mouseenter mouseleave", "#jobs-by-cat .job", function () {
    $(this).find('.hover').toggleClass('hidden');
});

デモ:フィドル

于 2013-10-30T12:49:29.900 に答える
1

.onの jQueryドキュメントによると:

jQuery 1.8 で非推奨、1.9 で削除: 文字列「mouseenter mouseleave」の短縮形として使用される「hover」という名前。これら 2 つのイベントに対して 1 つのイベント ハンドラーをアタッチし、ハンドラーは event.type を調べて、イベントが mouseenter または mouseleave であるかどうかを判断する必要があります。「ホバー」疑似イベント名を、1 つまたは 2 つの関数を受け入れる .hover() メソッドと混同しないでください。

したがって、mouseenter および mouseleave イベントに置き換える必要があります。

$('#front-container').on("mouseenter mouseleave", "#jobs-by-cat .job", function () {
    $(this).find('.hover').toggleClass('hidden');
});
于 2013-10-30T12:52:12.943 に答える