2017-04-15 56 views
0

欢迎, 我有这样的代码: HTML:的JQuery的onclick代码不起作用

<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(); 
}); 

DIV的 “登陆” 甚至没有点击

+0

你把你的事件处理程序在'$(文件)。就绪()'函数? – Vivick

+0

阅读此答案:http://stackoverflow.com/a/13062316/2008111可能有助于 – caramba

回答

1

Here you go:

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

当您将纯JS和jQuery混合使用时,您需要将纯JS包装在jQueryObject中。

PS: 我交换$(document.getElementById('login'))一个$("#login")如果我是你

+0

仍然无法正常工作,+我的文本编辑器中的文档是红色的,我认为这是与此 – Sleeper

+0

https:// jsfiddle。 net/Voltra/ugwkfffn/ 也许你只是没有包括jQuery – Vivick

+0

是的,我没有,现在它的工作 你知道如何添加“按钮光标”?当光标在div“登录”上时,它变成“按钮光标”,你知道,当光标在按钮 – Sleeper