jquery - 奇怪的 jquery 行为

标签 jquery css firefox

我正在努力实现一些非常基本的东西,但 jquery 并没有达到我的预期!我有一个 id 为“stuff”的 div。在 css 中,我将显示属性设置为“无”,目的是使用 jquery 更改它。这样,除非用户启用了 js,否则 div 将被隐藏。我的 jquery 代码很简单

$("#stuff").show();

不幸的是,这不起作用,div 仍然隐藏。

更新:它现在似乎在 Chrome 和 IE8 中间歇性地工作。仍然不在 ff 中。

最佳答案

确保您的代码在 DOM 准备就绪时运行,如下所示:

$(function() {
  $("#stuff").show();
});

$(function() {}) is short for $(document).ready(function() { }); ,这会在 DOM 准备就绪时运行代码,例如您的 div 实际上在那里可以找到。否则你的选择器(除非这是在你的 <body> 的末尾)可能找不到任何东西。你可以通过输入 alert($("#stuff").length); 来查看你的代码现在在哪里,如果它提醒 0 ,这很可能是问题所在。

关于jquery - 奇怪的 jquery 行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2950438/

相关文章:

javascript - jquery mobile listview 对过滤后的项目进行计数

javascript - 根据随机 ul 改变音乐

html - 如何将此跨度对齐到 div 的右侧?

javascript - 禁止用户注销后返回安全页面,使用firefox 5.0的jsp

javascript - Node.js/Socket.io 在除 Firefox 之外的所有平台上都可以工作,这可能是缓存问题吗?

返回页面后,Firefox 中未调用 jQuery 文档准备就绪

Jquery.css 在 IE 和 Webkit(Chrome、Safari)上执行不需要的闪烁效果,但 Firefox 没问题

javascript - 联系表单组件的 Joomla Ajax 加载

css - Internet Explorer 边框错误

javascript - 如何在使用我的服务从数据库中获取数据时显示和隐藏简单的 CSS 微调器 - Angular 2>