• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Bootstrap menu glyphicon

0 głosów
65 wizyt
pytanie zadane 20 marca w HTML i CSS przez Alterwar Mądrala (5,800 p.)

Witam,

Mam manu bootstrapa. Potrzebuję, aby nazwa w menu posiadała glyphicon, ale w kliknięcie w glyphicon rozwija mi wielepoziomwe menu a kliknięcie w nazwę przekierowuję do danego adresu. Dodałem span z data toggle jednak, po kliknięciu w glyphicon dodaję się klasa do znacznika "a", i menu się nie rozwija. Znowu jak data-toggle jest jest w znaczniku a, menu się rozwija ale do głownego odnośnika w menu można dostać się tylko poprzez otwarcie w nowej karcie. Mógłby ktoś zerknąć na kod i pomóc? Bo taka pierdoła a już z 2h siedze.

<li class="dropdown">
  <a href="<?php echo $this->baseUrl.'/'.$url;?>" class="nav-li-a"><?php echo $nazwa; ?>
     <span data-toggle="dropdown" class="dropdown-toggle glyphicon glyphicon-chevron-down"></span>
  </a>
<ul class="dropdown-menu" role="menu">

 

1 odpowiedź

0 głosów
odpowiedź 20 marca przez Michał Kazula Pasjonat (15,620 p.)
wybrane 21 marca przez Alterwar
 
Najlepsza

Tzn tak. Dlaczego listę punktowalną rozpoczynasz na dole? Dlaczego nie zamykasz znaczników?

CodePen

komentarz 20 marca przez Alterwar Mądrala (5,800 p.)
To jest wycinek z kodu, ponieważ mam to w pętlach :) wiem o zamknięciach itd :) Niestety nie wiem jak to rozwiązać
komentarz 20 marca przez Michał Kazula Pasjonat (15,620 p.)
A jaki efekt oczekujesz?

Co ma się pojawić?
komentarz 21 marca przez Alterwar Mądrala (5,800 p.)
Po kliknięciu "nazwa zakladki" przekierowanie pod "nazwa zakladki.html". Po kliknieciu w glyphicon otwarcie wielopoziomowego menu ;)
komentarz 21 marca przez Michał Kazula Pasjonat (15,620 p.)
wywal znacznik <span> za </a>.
komentarz 21 marca przez Alterwar Mądrala (5,800 p.)
Znacznik <a> ma posiadac glyphicon i data-toggle? Nie zadziala w ten sposob.
komentarz 21 marca przez Michał Kazula Pasjonat (15,620 p.)
<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

Żródło - link

komentarz 21 marca przez Alterwar Mądrala (5,800 p.)
Znalazłem po źródle które mi podesłałeś, Split button dropdowns, dzięki.
komentarz 21 marca przez Michał Kazula Pasjonat (15,620 p.)
Nie ma za co.

Podobne pytania

0 głosów
3 odpowiedzi 266 wizyt
pytanie zadane 15 kwietnia 2016 w HTML i CSS przez 23yes Użytkownik (520 p.)
0 głosów
4 odpowiedzi 449 wizyt
pytanie zadane 13 marca 2016 w HTML i CSS przez ShadoWs Bywalec (2,100 p.)
0 głosów
1 odpowiedź 36 wizyt
pytanie zadane 15 godziny temu w HTML i CSS przez Adrian1999 Nałogowiec (28,040 p.)

42,405 zapytań

81,706 odpowiedzi

162,161 komentarzy

20,354 pasjonatów

Przeglądających: 255
Pasjonatów: 5 Gości: 250

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...