DOM 完全加载后编辑 CSS？ [关闭]答案

【问题标题】：Edit CSS after DOM completely loaded? [closed]DOM 完全加载后编辑 CSS？ [关闭]
【发布时间】：2013-12-16 05:01:15
【问题描述】：

我有一个完全由 JavaScript 控制的导航菜单。

但不知何故，我无法使用 $("#floatNavigation") 引用/定位它，当我尝试执行单击/鼠标悬停/日志时，它返回 undefined。

我做错了什么。

【问题讨论】：

你应该发布一些代码。
使用$(document).ready(function() { /*ur stuff...*/ } )
尝试将您的 $("#floatNavigation") 代码包装到 $(window).load()
您应同时发布 HTML 和 Javascript 代码，以便我们为您提供正确的答案。没有代码，没有可能的答案。

标签： javascript jquery dom load

【解决方案1】：

您需要让 jQuery 等到您的页面（技术上是 DOM）完全加载。您可以使用 jQuery 的 $(document).ready() 语句来做到这一点：

$(document).ready(function() {
    // Anything in here will run when the DOM is completely loaded
    var floatNavigation = $("#floatNavigation");
});

您可以在its respective jQuery documentation page 上阅读有关$(document).ready() 声明的更多信息。

【讨论】：

更简洁的是$(function() { ... })。
Or jQuery(function($) { ... });