javascript - jquery .hide 在这种情况下不起作用

Question

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_ask_div();" 的链接时，没有任何反应，但是 ID 为“ask-user”的 div 应该使用 css display:none; 隐藏；
我对 javascript 和 jquery 很陌生。对不起我的英语不好。

JSFIDDLE

Answer 1

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

$('#ask-user')

注意函数声明的变化:

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

jsfiddle:http://jsfiddle.net/jf90eh7r/