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

Bootstrap menu glyphicon

Staż IT w Comarch
0 głosów
69 wizyt
pytanie zadane 20 marca 2017 w HTML i CSS przez Alterwar Mądrala (6,140 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 2017 przez Michał Kazula Pasjonat (15,700 p.)
wybrane 21 marca 2017 przez Alterwar
 
Najlepsza

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

CodePen

komentarz 20 marca 2017 przez Alterwar Mądrala (6,140 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 2017 przez Michał Kazula Pasjonat (15,700 p.)
A jaki efekt oczekujesz?

Co ma się pojawić?
komentarz 21 marca 2017 przez Alterwar Mądrala (6,140 p.)
Po kliknięciu "nazwa zakladki" przekierowanie pod "nazwa zakladki.html". Po kliknieciu w glyphicon otwarcie wielopoziomowego menu ;)
komentarz 21 marca 2017 przez Michał Kazula Pasjonat (15,700 p.)
wywal znacznik <span> za </a>.
komentarz 21 marca 2017 przez Alterwar Mądrala (6,140 p.)
Znacznik <a> ma posiadac glyphicon i data-toggle? Nie zadziala w ten sposob.
komentarz 21 marca 2017 przez Michał Kazula Pasjonat (15,700 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 2017 przez Alterwar Mądrala (6,140 p.)
Znalazłem po źródle które mi podesłałeś, Split button dropdowns, dzięki.
komentarz 21 marca 2017 przez Michał Kazula Pasjonat (15,700 p.)
Nie ma za co.

Podobne pytania

0 głosów
3 odpowiedzi 301 wizyt
pytanie zadane 15 kwietnia 2016 w HTML i CSS przez 23yes Użytkownik (520 p.)
0 głosów
4 odpowiedzi 534 wizyt
pytanie zadane 13 marca 2016 w HTML i CSS przez ShadoWs Bywalec (2,340 p.)
0 głosów
1 odpowiedź 30 wizyt
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.
Ciekawy innych porad? Odwiedź tę stronę!

48,520 zapytań

90,114 odpowiedzi

181,385 komentarzy

23,478 pasjonatów

Przeglądających: 107
Pasjonatów: 0 Gości: 107

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.

...