gpt4 book ai didi

javascript - jquery ('#div_id' ).show() 在 Firefox 中不工作

转载 作者:太空宇宙 更新时间:2023-11-04 03:40:48 27 4
gpt4 key购买 nike

我有一个 HTML 文件,如下所示:

<html>
<head><title>jQuery beginner</title></head>
<body>
<div id='my_div'>Some random generated value</div>
<button id="submit_button">submit</button>
</body>
</html>

我想保留 <div id="my_div">元素隐藏到 <button id="submit_button">被点击。

所以在我的 Javascript我写了以下代码的文件:

$(document).ready(function() {
$('#my_div').hide();
});

$('#submit_button').click(function() {
$('#my_div').show();
});

此脚本和 HTML 在 Google Chrome 中运行良好,令人惊讶的是它在 Internet Explorer 9 中也能正常工作,但在 Firefox 中不起作用。

我阅读了一些关于 SO 的其他问题并尝试了其他选择

  1. $('#my_div').css('display','block') ,
  2. $('#my_div').css('display','inline-block') ,
  3. $('#my_div').css('display','block-table') ,
  4. $('#my_div').attr('style','display:block')

但以上解决方案均不适用于 Firefox。

这个问题有什么解决办法吗?

我观察到的另一件事是,如果我在页面加载时保持 div 可见,然后使用按钮单击事件切换它的显示,它就可以工作。

知道为什么这只发生在 Firefox 中吗?

最佳答案

但是你错过了尝试这个:)

也就是说,将事件绑定(bind)代码包装到doc ready handler中。

$(document).ready(function() {
$('#my_div').hide();
$('#submit_button').click(function() {
$('#my_div').show();
});
});

关于javascript - jquery ('#div_id' ).show() 在 Firefox 中不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24930316/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com