1

私は 1 つの透明な div を持っておりid=1、この透明な div を独自のマウス イベントに反応させながら、(クラス/ID に関係なく) 下にあるすべての div にマウス イベントを渡す必要があります。

そのため、クラス/ID で下敷きの div を選択し、pointer-events: none/display: noneはオプションではありません。

$('#1').mouseenter(function() {
    $(this).css('background','rgba(0, 120, 255, 0.3)');
});
$('#a').mouseenter(function() {
   $(this).css('background', 'red');
});
$('#1').mouseleave(function() {
    $(this).css('background','rgba(0, 120, 255, 0.2)');
});
$('#a').mouseleave(function() {
   $(this).css('background', '#555555');
});

http://jsfiddle.net/B6SAy/

クラス/IDに依存しない方法でこれをどのように達成できますか?

それが何かを意味する場合、同時に基になる div は 1 つしかありませんが、その div は任意のクラス/ID を持つことができます。

4

1 に答える 1

-3

mouseenter() と mouseleave() の代わりに、mouseover()、mouseout()、および/または hover() を試すことができます。これらのリンクが役立つ場合があります。

StackOverflow: Jquery mouseenter() と mouseover()

Ben Nadel: jQuery イベント: MouseOver / MouseOut vs. MouseEnter / MouseLeave

api.jquery.com で各関数のドキュメントを確認することもできます。

于 2014-02-24T17:37:04.333 に答える