$ {document）.ready不能替换在页面底部声明的js，但是我需要在脚本顶部

Question

我有基于JQuery的标签导航，只有将其放置在菜单的html之后，该标签导航才有效。 如果它也放在末尾，它会起作用，但是当我将相同的脚本放在$（document）.ready ath顶部时，它就会中断。

我认为这（位于页面顶部）：

<script type="text/javascript">
$(document).ready(function(){
    mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true);
});
</script>

将与此相同：

    <script type="text/javascript">
        mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true);
    </script>
</html>

它位于页面底部并可以使用。 我如何能够将函数放在顶部，甚至可以将其包含在单独的文件中？

Answer 1

我有这个问题，并且在jquery include链接之后在头中使用过：

$(document).ready(myfunction());

由于未加载对象，此操作失败。 我应该将调用包装在一个函数中：

$(document).ready(function () {
    myfunction();
});

仅在正确加载文档后，此功能才能按预期工作。

Answer 2

建议将脚本放置在页面末尾的原因是，在尝试访问HTML元素之前，会将HTML元素加载到页面上。

无论将代码放置在何处，最好都包装在DOM ready事件中，该事件可以确保在尝试访问页面中的元素之前正确加载了完整的HTML文档。

也许在你的情况下

 <script type="text/javascript">
        mouseovertabsmenu.init("mytabsmenu", "mysubmenuarea", true);
    </script>

未封装在DOM中时似乎工作正常，因为该函数的作用域被DOM准备中了，因此无法访问该函数