JavaScript onclick bei DIVs

[raven16]

Hallo,

ich verzweifel gerade etwas an einer simplen klick-Funktion
Wenn ich auf einem DIV (Hamburger Button mit Animation siehe hier) klicke, dann möchte ich zu einer anderen DIV eine simple Klasse hinzufügen/entfernen.

HTML:

<header>
  <div class="container-fluid" id="menu-main-navigation">
    <nav>
        <div class="col-lg-12">
            <ul class="nav nav-pills nav-stacked" id="main-nav-pills">
                <li role="presentation" class="active"><a href="#">Home</a></li>
                <li role="presentation"><a href="#">Upload</a></li>
                <li role="presentation"><a href="#">About</a></li>
                <li role="presentation"><a href="#">Logout</a></li>
            </ul>
        </div>
    </nav>
  </div>
  <div class="container-fluid bg-color-one" id="menu-main">
    <div class="col-lg-2 padding">
        <div id="nav-icon3" id="main-nav-toggle">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
    </div>
  </div>
</header>

JS:

$(document).ready(function(){
    /* toggle main navigation from left side */
    $('#main-nav-toggle div').click(function() {
       console.log('klick war erfolgreich');
    });
});

Wenn ich jetzt auf meinem toggle Button drücke, dann passiert gar nichts :-/

Ich hoffe, dass jemand meiner Unfähigkeit mal auf die Sprünge helfen kann

 

[blackbirdone]

main-nav-toggle div exestiert doch garnicht weiß nicht was du versuchtst, aber das ist ein id selector und die id gibt es nicht

 

[kling1]

$(document).ready(function(){
    /* toggle main navigation from left side */
    $('#main-nav-toggle').click(function () {
       console.log('klick war erfolgreich');
    });
});

lass das div weg

und im html nur eine id für die die verwenden

<div id="main-nav-toggle">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>

 

[raven16]

Danke, ich hatte voll übersehen, dass ich dort zwei IDs vergeben wollte. Ich wusste, dass es nichts kompliziertes sein konnte

 

[Teisi]

Bitte verwende:

$("div").on("click touchend", function() {

});

sonst kanns ein seltsames verhalten auf mobile devices geben in bestimmten browsern... :/