• 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
46 wizyt
pytanie zadane 3 dni temu w HTML i CSS przez użytkownika Alterwar Gaduła (3,330 punkty)

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ź 3 dni temu przez użytkownika Michał Kazula Dyskutant (7,660 punkty)
wybrane 2 dni temu przez użytkownika Alterwar
 
Najlepsza

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

CodePen

komentarz 3 dni temu przez użytkownika Alterwar Gaduła (3,330 punkty)
To jest wycinek z kodu, ponieważ mam to w pętlach :) wiem o zamknięciach itd :) Niestety nie wiem jak to rozwiązać
komentarz 3 dni temu przez użytkownika Michał Kazula Dyskutant (7,660 punkty)
A jaki efekt oczekujesz?

Co ma się pojawić?
komentarz 2 dni temu przez użytkownika Alterwar Gaduła (3,330 punkty)
Po kliknięciu "nazwa zakladki" przekierowanie pod "nazwa zakladki.html". Po kliknieciu w glyphicon otwarcie wielopoziomowego menu ;)
komentarz 2 dni temu przez użytkownika Michał Kazula Dyskutant (7,660 punkty)
wywal znacznik <span> za </a>.
komentarz 2 dni temu przez użytkownika Alterwar Gaduła (3,330 punkty)
Znacznik <a> ma posiadac glyphicon i data-toggle? Nie zadziala w ten sposob.
komentarz 2 dni temu przez użytkownika Michał Kazula Dyskutant (7,660 punkty)
<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 2 dni temu przez użytkownika Alterwar Gaduła (3,330 punkty)
Znalazłem po źródle które mi podesłałeś, Split button dropdowns, dzięki.
komentarz 2 dni temu przez użytkownika Michał Kazula Dyskutant (7,660 punkty)
Nie ma za co.

Podobne pytania

0 głosów
3 odpowiedzi 221 wizyt
pytanie zadane 15 kwietnia 2016 w HTML i CSS przez użytkownika 23yes Użytkownik (520 punkty)
0 głosów
4 odpowiedzi 298 wizyt
pytanie zadane 13 marca 2016 w HTML i CSS przez użytkownika ShadoWs Obywatel (1,790 punkty)
0 głosów
1 odpowiedź 42 wizyt
pytanie zadane 16 lutego w HTML i CSS przez użytkownika Daniel Kudyba Obywatel (1,090 punkty)
...