文件准备好在预期时不开火

Question

我有一个网站，所有网页都加载了ajax。

我将加载第一页并使用

if (window.jQuery) {
    alert('jQuery is loaded');
}

它警告每次都加载了jquery。

我在页面中还有以下内容

$(document).ready(function() {
    alert('Document Ready');
}

文档就绪警报不会在第一时间触发，但第二次起作用。

准备好文件会怎样？

我不明白为什么它第一次不起作用。

我使用以下内容加载页面：

$('#load-page').load(''+base_href+''+page+'', 'show=all'+show_field_id+''+show_default_sort+'');

谢谢

Answer 1

   $( document ).ready(function() {
    console.log( "ready!" );
   });

我认为您没有正确关闭代码。

Answer 2

您的方法似乎忘记了右括号。

$(document).ready(function() {
    alert('Document Ready');
}); // <= be sure to close the ready method

Answer 3

您可能希望使用the third parameter to .load() - complete回调代替期待document.ready：

$('#load-page').load(''+base_href+page, 'show=all'+show_field_id+show_default_sort, function() {
  alert('load complete');
});

当然，你不能在这里使用lambda函数而是使用函数指针：

function on_loaded() {
  alert('load complete');
}

$('#load-page').load(''+base_href+page, 'show=all'+show_field_id+show_default_sort, on_loaded);