Jquery .hide在这种情况下不起作用

jquery .hide don't work in this case

本文关键字：不起作用 这种情况下 hide Jquery      更新时间：2023-09-26

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();"什么都没有发生，但div与id "ask-user"应该隐藏css显示:none;
我是javascript和jquery的新手。对不起，我的英语不好。

JSFIDDLE

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

$('#ask-user')

注意函数声明的变化:

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

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

用$('#ask-user').hide();代替$('.ask-user').hide();

编辑:此外，我删除了onclick属性，并使用jQuery的on();它可以工作(见http://jsfiddle.net/geykvzsx/)

var hide_ask_div = function(){
    $('#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 href="#">use mobile</a></center><br /><center><a href="#">use full</a></center></div>'
$('.navbar').html(ask).select('a').on('click', hide_ask_div);

您正在选择要隐藏类为'ask-user'的元素。这就是选择器.ask-user的含义。如果你想通过ID选择元素，你必须使用这个选择器#ask-user。

$('#ask-user').hide();
相关文章：