Dropdown

Luk rullemenuen ved at klikke eller rulle uden for menuen [lukket]

Luk rullemenuen ved at klikke eller rulle uden for menuen [lukket]
  1. Hvordan lukker jeg et rullemenu ved klik udenfor?
  2. Hvordan stopper jeg rullemenuen for at lukke menupunkter ved at klikke udenfor?
  3. Hvordan lukker jeg en vælgerrulle?
  4. Hvordan skjuler du undermenuen efter klik?
  5. Hvordan holder jeg en rullemenu fra at åbne, når jeg klikker på den?
  6. Hvordan gør jeg en rullemenu klikbar?
  7. Hvordan stopper jeg, at rullemenuen bootstrap lukker, når jeg klikker udenfor?
  8. Hvordan inspicerer du en dropdown-mulighed?
  9. Hvordan holder jeg en rullemenu åben i HTML?

Hvordan lukker jeg et rullemenu ved klik udenfor?

Du kan bruge jQuery click () -metoden i kombination med on () -metoden til at skjule rullemenuen, når brugeren klikker uden for triggerelementet.

Hvordan stopper jeg rullemenuen for at lukke menupunkter ved at klikke udenfor?

Som alle Twitter Bootstrap-brugere ved, lukker rullemenuen ved klik (endda klikke inde i den). For at undgå dette kan jeg nemt vedhæfte en klikhændelseshåndterer i rullemenuen og blot tilføje den berømte begivenhed. stopPropagation () .

Hvordan lukker jeg en vælgerrulle?

En bedre løsning ville være at erstatte rullemenuen med en ren HTML-en og skjule den efter behov med en simpel . skjul () kommando. Bare tilføj denne linje i slutningen af ​​din lukning inden for klik . $ vælg.

Hvordan skjuler du undermenuen efter klik?

Sådan skjules undermenuen, når der er klikket på et link til et menupunkt

  1. jQuery (".mega-menu "). on ('after_mega_menu_init', funktion ()
  2. jQuery ("li.mega-menu-element: ikke (.mega-menu-element-har-børn) > -en.mega-menu-link "). on ('klik', funktion (e)
  3. jQuery ('.mega-menu '). data ('maxmegamenu'). hideAllPanels ();

Hvordan holder jeg en rullemenu fra at åbne, når jeg klikker på den?

Som du kan se, gjorde elementet det til en rullemenu.

Hvordan gør jeg en rullemenu klikbar?

Eksempel forklaret

Brug ethvert element til at åbne rullemenuen, f.eks.g. -en <knap>, <-en> eller <s> element. Brug et containerelement (som f.eks <div>) for at oprette rullemenuen og tilføje dropdown-linkene inde i den. Pak en <div> element rundt om knappen og <div> for at placere rullemenuen korrekt med CSS.

Hvordan stopper jeg, at rullemenuen bootstrap lukkes, når jeg klikker udenfor?

2 svar. Bootstrap 4 Dropdown-begivenhed er lidt anderledes end Bootstrap 3, derfor vil de foreslåede duplikater (og her) ikke arbejde for at forhindre, at dropdown lukkes ved et eksternt klik. For Bootstrap 4 skal du kigge efter clickEvent, og når den findes i skjulehændelsen, skal du forhindre standardlukningsadfærden.

Hvordan inspicerer du en dropdown-mulighed?

Trinene er:

  1. Undersøg rullemenuen.
  2. Find den dynamiske DOM (det lilla højdepunkt)
  3. Højreklik på den dynamiske DOM.
  4. Vælg Udvid rekursivt:
  5. Vi kan se alle elementer er der.

Hvordan holder jeg en rullemenu åben i HTML?

Brug ethvert element til at åbne rullemenuen, f.eks.g. -en <knap>, <-en> eller <s> element. Brug et containerelement (som f.eks <div>) for at oprette rullemenuen og tilføje dropdown-linkene inde i den. Pak en <div> element rundt om knappen og <div> for at placere rullemenuen korrekt med CSS.

Skift projektets permalink til tilpasset URL
Kan jeg ændre min permalink? Hvordan ændrer jeg permalinket til et projekt i WordPress? Hvordan opretter jeg en brugerdefineret permalink i WordPress?...
Brugerdefinerede permalinks i Wordpress
Hvad er en brugerdefineret permalink i WordPress? Permalinks er de permanente URL'er til dine individuelle blogindlæg, sider og andre arkivsider på di...
Vis antal indlæg i en kategori
Hvordan viser jeg kategoritællingen i WordPress? Hvad er postkategori? Hvordan tæller jeg brugerdefinerede indlæg i WordPress? Hvad er kategorieksempe...