Javascript 在这种情况下,jquery.hide不起作用

Javascript 在这种情况下,jquery.hide不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,HTML部分 <div class="navbar"></div> Jquery和Javascript部分 function hide_ask_div(){ $('.ask-user').hide(); } var ask = '<div id="ask-user" style="block;position:absolute;height:auto;bottom:0;top:0;left:0;right:0;background-color:#

HTML部分

<div class="navbar"></div>
Jquery和Javascript部分

function hide_ask_div(){
    $('.ask-user').hide();
}   


var ask = '<div id="ask-user" style="block;position:absolute;height:auto;bottom:0;top:0;left:0;right:0;background-color:#CCC;"><center><a onclick="hide_ask_div();" href="#">use mobile</a></center><br /><center><a onclick="hide_ask_div();" href="#">use full</a></center></div>'

$('.navbar').html(ask);
当我点击带有onclick=hide\u ask\u div的链接时;没有发生任何事情,但是id为ask user的div应该隐藏在css显示中:none; 我对javascript和jquery非常陌生。对不起我的英语。

更改$'。询问用户。隐藏;使用$'ask-user'.hide

编辑:另外,我删除了onclick属性,并使用jQuery的;这很有效,你看


您正在选择要隐藏类“ask user”的元素。这就是选择器的含义。询问用户。如果要按ID选择元素,则必须使用此选择器询问用户


这是行不通的,因为您需要定义一个全局函数来从dom访问。 同时将选择器更新为

$('#ask-user')
注意函数声明中的更改:

hide_ask_div = function(){
    $('#ask-user').hide();
} 

jsiddle:

你也可以发布一个提琴吗/。在hide\u ask\u div中尝试一个警告。它是否显示??ID选择器使用符号,而类选择器使用点。象征必须了解这一点,并小心,否则你的代码将无法工作很多次。添加一些解释。用于类,因此如果您的div的class=ask user,则$'.ask user'将起作用。但是,您正在使用id=ask user,为此您需要在JS中使用。@Dan我知道这一点。但是,对于类或id,这并不重要,代码不起作用。@a1061384是否向用户询问文档中的唯一标识符?@orique yep,请在OP post中检查JSFIDLE这不是全部问题,请参阅我的答案。现在更新链接@a1061384如果这回答了您的问题,请务必将其标记为合适的答案。
$('#ask-user')
hide_ask_div = function(){
    $('#ask-user').hide();
}