• 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 265 wizyt
pytanie zadane 15 kwietnia 2016 w HTML i CSS przez 23yes Użytkownik (520 p.)
0 głosów
4 odpowiedzi 448 wizyt
pytanie zadane 13 marca 2016 w HTML i CSS przez ShadoWs Bywalec (2,100 p.)
0 głosów
1 odpowiedź 126 wizyt
pytanie zadane 14 sierpnia w HTML i CSS przez dziadek Początkujący (390 p.)

42,361 zapytań

81,636 odpowiedzi

162,024 komentarzy

20,287 pasjonatów

Przeglądających: 105
Pasjonatów: 1 Gości: 104

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.

...