3

各liが固定された小さいサイズである順序付けられていないリストがありますが、それにカーソルを合わせると、フルサイズに展開されます。これは、ng-mouseoverおよびng-mouseoutを介して行われます。問題は、一部のliテキストに他のマークアップが含まれていることです(たとえば)。マウスがタグに入ると、mouseoutイベントがトリガーされ、liが折りたたまれます。

明らかに、望ましい動作は、子要素の上にある場合でも、マウスがその中にある間、liを拡大したままにすることです。基本的に内部要素のマウスオーバーを無視する方法について誰かが考えていますか?また、子要素に入る場合は、liのマウスアウトを無視する必要があります。

4

1 に答える 1

8

2つの選択肢があります。

  1. 内部要素でCSSポインターイベントを使用します(ただし、最初に、ターゲットブラウザーでサポートされているかどうかを確認してください)。

  2. 代わりにngMouseenter/ngMouseleaveを使用してください(mouseenter/mouseleaveとmouseover/mouseoutの動作の違いについては、このplnkrを参照してください)

于 2013-02-26T21:42:05.100 に答える