jquery,在页面未完全加载时加载页面

时间:2016-02-26 16:56:17

标签: javascript jquery ajax jquery-load

我有一行JavaScript文件:

$('.item').load('page'); // (tried with document ready)

它不起作用。看起来该行在页面完全加载之前执行(因为当我在控制台中键入相同的行时它可以工作)。

3 个答案:

答案 0 :(得分:1)

您需要验证几个条件。文档的路径(包括文件扩展名)需要相对于使用此加载函数的页面是正确的。您尝试加载的元素需要存在。

您的控制台是否收到错误?这是什么意思?

这绝对有效。

<body>
    <div class="item"></div>
    <script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
    <script>
        $(document).ready(function() {
            $('.item').load('page.html');
        });
    </script>
</body>

答案 1 :(得分:0)

 $('document').ready(function(){
        $('.item').load('page');
     });

您需要在页面准备就绪时调用它。

答案 2 :(得分:0)

你试过等到窗口加载了吗?:

$(window).load(function(){
    $('.item').load('page'); 
});