Question

有时候，我使用函数.load()作为

// document load
$(document).load(function() {
    // ... code ...
});

但现在，它不起作用。

我只使用函数.ready()

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

函数.load（）现在用作ajax的一部分。

我记得两个函数之间有一些不同之处。现在取消了.load（），是否有相同的内容？

代码为：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<script type="text/javascript" src="jquery-2.2.3.js"></script>

<script>
    $(document).ready(function() {
        console.log("ready");
    });

    $(document).load(function() {
        console.log("load");
    });
</script>

</head>
<body>

</body>
</html>

并且控制台显示：＆＃34;准备就绪＆＃34;

函数.load（）不起作用！

Answer 1

load()

有两个函数头

$('selector').load(function () {}); // #1
$('selector').load('url', {data}, function () {}); //2

当元素加载时，

＃1 将执行代码＃2 会使用（可选）{data}对象为提供的url调用ajax，并将替换$('selector')的内容并执行回调函数。

如果要查找.load(function () {})和.ready(function () {})之间的差异，请检查this question

Answer 2

两者都不同。

当您使用load（）时，它会在加载Page的所有元素后调用（如图像）。

当你使用ready（）时，它将在DOM准备就绪后调用。

如果你想绑定ajax事件，那么请查看on和delegate以及你也可以选择live方法，但不推荐使用它。

当JQuery取消.load（）函数时？

2 个答案: