jquery load什么都不做,没有控制台错误

时间:2012-11-05 19:45:14

标签: jquery

以下是我的完整代码。我一定是在做一些愚蠢的事。我之前使用过这个...它不应该是单一的原始策略,因为我实际上是从服务器运行它,而不是本地运行它。我收到ZERO控制台错误。如果我在load语句上放置一个断点, 就会命中它。

http://mysite.com/reports/PendingFulfillment.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>All Requests Pending Fulfillment</title>
    <script src="Scripts/jquery-1.8.2.min.js"></script>
    <script src="Scripts/jquery-ui-1.9.0.min.js"></script>
    <link href="Content/normalize.css" rel="stylesheet" />
    <link href="site.css" rel="stylesheet" />
    <script src="Scripts/scripts.js"></script>
    <script type="text/javascript">
        //$("#Content").load("http://mysite.com/somelongdynamicwpfurlIreallywanttoload #documentBody");
        $("#Content").load("http://mysite.com/reports/index.html"); // <-- simplified for testing
    </script>
</head>
<body>
    <h1>All Requests Pending Fulfillment</h1>
    <div id="Content"></div>
</body>
</html>

2 个答案:

答案 0 :(得分:2)

那是因为当你选择元素时,那个元素还没有添加到DOM中,你应该将你的代码放在文档就绪处理程序中:

$(document).ready(function() {
    $("#Content").load("http://mysite.com/reports/index.html"); 
})

答案 1 :(得分:1)

您的代码需要移动到文档的末尾或放在document.ready调用中。您试图在页面和#Content元素加载之前执行代码。

E.g。

$(document).ready(function() {
    $("#Content").load("http://mysite.com/reports/index.html"); // <-- simplified for testing
});