2017-04-15 2 views
0

Willkommen funktioniert, Ich habe diesen Code: html:JQuery Onclick Code nicht

<script src="loginbox.js"></script> 
<div class="menu" id="login"> 
     <p class="menu">LOG IN</p> 
    </div> 

js:

$('#login').on('click', function(){ 
    document.getElementById('login').hide(); 
}); 

Die div "login" ist nicht einmal klickbare

+0

haben Sie setzen Ihre Event-Handler in einer '$ (document) .ready()' Funktion? – Vivick

+0

Lesen Sie diese Antwort: http://StackOverflow.com/A/13062316/2008111, die helfen könnte – caramba

Antwort

1

Hier gehts:

$(document).ready(function(){ 
    $('#login').on('click', function(){ 
    $(document.getElementById('login')).hide(); 
    }); 
}); 

Wenn Sie reines JS und jQuery mischen, müssen Sie reines JS in ein jQueryObject umbrechen.

PS: ich die $(document.getElementById('login')) für ein $("#login") tauschen würde, wenn ich Ihnen

bin
+0

immer noch nicht funktioniert, + Dokument ist rot in meinem Texteditor, ich denke, es ist etwas mit dieser – Sleeper

+0

https: // jsfiddle. net/Voltra/ugwkfffn/ Vielleicht haben Sie nur nicht jQuery – Vivick

+0

Ja habe ich nicht, jetzt funktioniert es Wissen Sie, wie Sie "Button-Cursor" hinzufügen? Wenn der Cursor auf div "login" steht, wird er zu "button cursor". Wenn der Cursor auf – Sleeper