什么是$(function(){...})函数以及何时在以下示例中调用它？

Question

什么是$(function(){...})函数以及何时在以下示例中调用它？

我在Windows Server 2008 Enterprise中使用SharePoint Server 2007 Enterprise.我正在使用VSTS 2008 + C#+ .Net 3.5 + ASP.Net进行开发.我正在学习以下处理javascript的代码,我的混淆是$(function(){...}部分代码,什么时候会被调用,它的功能是什么？我没有看到任何代码调用这个函数.

<!doctype html>
<html lang="en">
<head>
    <title>Test</title>
    <link type="text/css" href="tabcontrol/themes/base/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="tabcontrol/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#tabs").tabs();
        });
    </script>
</head>
<body>

<div class="demo">

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">tab1</a></li>
        <li><a href="#tabs-2">tab2</a></li>
    </ul>
    <div id="tabs-1">
        <p>tab1 info</p>
    </div>
    <div id="tabs-2">
        <p>tab2 info</p>
    </div>
</div>

</div>

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

乔治,提前谢谢

Answer 1

Gre*_*osz 9

它来自您包含的jQuery库:

<script type="text/javascript" src="tabcontrol/jquery-1.3.2.js"></script>

Run Code Online (Sandbox Code Playgroud)

$是该jQuery函数的别名.

请参阅jQuery(回调)参考文档:

简写$(document).ready().

允许您绑定DOM文档加载完成后要执行的函数.此函数的行为就像$(document).ready(),它应该用于包装页面上依赖于准备运行的DOM的其他$()操作.虽然这个功能在技术上是可链接的 - 但实际上并没有太多用于链接它的功能.

有关更多信息,请查看教程:介绍$(文档).ready()

有关详细信息,请参阅http://docs.jquery.com/Tutorials:Introducing_$(document).ready() (2认同)

Answer 2

Pet*_*old 6

文档准备好后将调用它.它相当于:

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

Run Code Online (Sandbox Code Playgroud)

Document.ready表示页面已在客户端上完全加载.WebParts是服务器端控件,将首先处理,以生成发送到客户端的html文档.因此,在document.ready客户端事件触发之前将处理webpart.

来自Gecko文档:

load文件在文档加载过程结束时触发.此时,文档中的所有对象都在DOM中,并且所有图像和子帧都已完成加载.

不知道'web部件'是什么,但是`$(document).ready()`基本上意味着DOM(通过JavaScript访问HTML元素)已准备就绪,但并非所有图像和其他外部资源都被加载. (2认同)

归档时间：	15 年，7 月前
查看次数：	321 次
最近记录：	13 年，5 月前