jQuery fügen Sie eine Klasse bei Hover mit bestimmter Breite hinzu, wenn das Bootstrap-Dropdown angezeigt wird

8

Ich benutze Bootstrap mit Dropdown. Mein Anker hat eine Hintergrundfarbe beim Schweben. Aber wenn das Dropdown-Menü angezeigt wird, möchte ich, dass das übergeordnete Element, das das Dropdown enthält, die Hintergrundfarbe verliert.

Mein HTML ist:

%Vor%

Mein Versuch:

%Vor%

Das CSS:

%Vor%


Was mache ich falsch, dass mein Code nicht funktioniert?

    
Alex Zahir 27.05.2015, 11:04
quelle

5 Antworten

8

Sie können diese von Bootstrap bereitgestellten Ereignisse für Dropdowns verwenden:

show.bs.dropdown: Dieses Ereignis wird sofort ausgelöst, wenn die show-Instanzmethode aufgerufen wird.

showed.bs.dropdown: Dieses Ereignis wird ausgelöst, wenn das Dropdown-Fenster für den Benutzer sichtbar gemacht wurde (wartet auf CSS-Übergänge, um abzuschließen).

hide.bs.dropdown: Dieses Ereignis wird sofort ausgelöst, wenn die hide-Instanzmethode aufgerufen wurde.

hidden.bs.dropdown: Dieses Ereignis wird ausgelöst, wenn das Dropdown-Menü für den Benutzer nicht mehr angezeigt wird (wartet auf CSS-Übergänge, um abzuschließen).

Verwendung:

%Vor%

Ich denke, das wird funktionieren, Sie müssen jedoch möglicherweise einige Änderungen vornehmen.

    
IBAD GORE 27.05.2015, 11:12
quelle
0

Sie müssen auch überprüfen, wenn die Fenstergröße geändert wird. Kannst du diesen Code ausprobieren?

%Vor%     
Mukesh Panchal 27.05.2015 11:08
quelle
0

Verwenden Sie Medienabfragen:

%Vor%

Fügen Sie die Klasse zu Ihrem anchor -Tag hinzu.

%Vor%     
Zee 27.05.2015 11:17
quelle
0

Die Pseudo-Selektoren a:hover sollten im Jquery-Selektor nicht funktionieren.

Die erste Lösung besteht darin, hover oder on('hover') zu verwenden, um das Ereignis auszulösen.

Als zweites wird css @media mit der maximalen Breite 768 verwendet.

    
R Lam 27.05.2015 11:20
quelle
-1

Sie vermissen $ , fügen dies hinzu und versuchen

%Vor%     
stanze 27.05.2015 11:11
quelle