• 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
62 wizyt
pytanie zadane 20 marca w HTML i CSS przez Alterwar Mądrala (5,350 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 Stary wyjadacz (14,500 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,350 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 Stary wyjadacz (14,500 p.)
A jaki efekt oczekujesz?

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

Podobne pytania

0 głosów
3 odpowiedzi 254 wizyt
pytanie zadane 15 kwietnia 2016 w HTML i CSS przez 23yes Użytkownik (520 p.)
0 głosów
4 odpowiedzi 416 wizyt
pytanie zadane 13 marca 2016 w HTML i CSS przez ShadoWs Bywalec (2,040 p.)
0 głosów
0 odpowiedzi 92 wizyt
pytanie zadane 14 sierpnia w HTML i CSS przez dziadek Początkujący (350 p.)

39,750 zapytań

78,197 odpowiedzi

153,692 komentarzy

18,798 pasjonatów

Przeglądających: 233
Pasjonatów: 25 Gości: 208

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.

...