czemu JS nie działa ?? :(

Question

Na stronce ...................

po kliknięciu menu w headerze powinien się otworzyć panel po prawej stronie o id="menu_from_hamburger".

Funkcja juz działała, ale z niewiadomych mi powodów przestała. Może ktoś z szanownych Forumowiczów widzi w czym rzecz...?

dlugo szukam bledu, ale nic z tego...

K.

Answer 1

Wstaw kod będzie łatwiej zlokalizować problem.

Comments

        $(document).ready(function() {

 	$('#menu_button').click(function() {
                $('#menu_from_hamburger').addClass("activation");
			console.log("menu-ok");
            });
            $('#fa_close').click(function() {
                $('#menu_from_hamburger').removeClass("activation");
            });


  });
    

.activation{

display: block!important;

}

---

Dlaczego dajesz  dwa razy kod HTML raz mobile_nav a później  main_nav.

Dwa razy dajesz kod HTML  tylko z inna class-ą.

Stawiam na to, że przeglądarka źle to interpretuje dlatego ci nie działa wyżej kod na wersji desktop a na wersji mobile działa.

Tak mi się wydaje że wystarczy zrobić jeden szkielet dla HTML (nie takie same podwójne menu).

Tak jak myślałem wystarczy  usunąć te drugie menu main_nav  dać do tego pierwszego menu  class-ę  main_nav i wszystko  ładnie chodzi.

<nav class="nav navbar-nav mobile_nav main_nav" role="navigation">
		    <ul>

                        <li><a href="http://www.omnomstudio.com/#oferta">Oferta</a></li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio
        <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="./?page_id=12">Logo</a></li>
                                <li><a href="#">identyfikacja</a></li>
                                <li><a href="#">ulotki</a></li>
                                <li><a href="#">wizytówki</a></li>
                                <li><a href="./?page_id=14">strony www</a></li>
                                <li><a href="#">opakowania</a></li>
                                <li><a href="#">ubrania</a></li>
                                <li><a href="#">na samochod</a></li>
 				<li><a href="#">TABLICE</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">sklep
        <span class="caret"></span></a>
                            <ul class="dropdown-menu">
				<li><a href="./sklep">nowości</a></li>
                                <li><a href="./sklep">logotypy</a></li>
				<li><a href="./sklep">branding</a></li>
                                <li><a href="./sklep">ulotki</a></li>
				<li><a href="./sklep">wizytówki</a></li>
				<li><a href="./sklep">foldery</a></li>
				<li><a href="./sklep">strony www</a></li>
				<li><a href="./sklep">szyldy</a></li>
				 <li><a href="./sklep">kasetony</a></li>
				 <li><a href="./sklep">banery</a></li>
                                <li><a href="./sklep">folie</a></li>
                                <li><a href="./sklep">długopisy</a></li>
                                <li><a href="./sklep">smycze</a></li>
 				<li><a href="./sklep">ceramika</a></li>
				 <li><a href="./sklep">tekstylia</a></li>
                                
                                <li><a href="./?page_id=10">inne</a></li>
                               
                               
                               
                            </ul>
                        </li>
                        <li><a href="./?page_id=8">kontakt</a></li>
                        <li id="menu_button" class="hidden-xs">menu <i class="fa fa-bars" aria-hidden="true"></i> </li>
                    </ul>


			<!--<div class="menu"><ul><li class="page_item page-item-6 current_page_item"><a href="http://omnomstudio.com/">Home</a></li><li class="page_item page-item-8"><a href="http://omnomstudio.com/?page_id=8">Kontakt</a></li><li class="page_item page-item-12"><a href="http://omnomstudio.com/?page_id=12">PortfolioLogo</a></li><li class="page_item page-item-14"><a href="http://omnomstudio.com/?page_id=14">PortfolioWeb</a></li><li class="page_item page-item-10"><a href="http://omnomstudio.com/?page_id=10">sklep</a></li></ul></div>
-->
					</nav>

 

 

Answer 2

A co to jest ? http://bartes.nazwa.pl/