JQuery $(document).ready ajax 加载

Question

我查看了很多相关问题，但我问的这个问题肯定完全不同，因为我只看到了几个似乎相关的问题。我正在通过 JQuery Ajax 调用加载整个中间 div，我只是希望能够在该新区域上执行一些自动 JQuery，例如 $(document).ready 允许在加载 DOM 时允许。我读到 livequery 会执行此操作，但我认为其中内置了一种方法。我正在尝试在一开始就将日期选择器添加到输入字段。

这是将在后端调用内容的内容，然后将拉取一些特定的部分。

$.post("ReportingWizard",$("#wizard_form").serialize(), function (data) { setData(data); });

function setData(data) {
divElement.innerHTML = data;
$(activeTab).fadeIn(); //Fade in the active content
$(".wizardBody").fadeIn();
}

在放置在该 divElement 的文件中将有一个 JQuery 方法需要运行以更改其中的 html。

Answer 1

在 AJAX 函数的回调中注册事件。

如果您使用 .load() 加载中间 div，请将您的 jQuery 代码直接放在回调中:

$('#middleDiv').load('/fish.php', function () {
    $('#someDiv').fadeIn(300); // ? whatever
});

如果您正在使用其他一些 AJAX 函数，请将您的 jQuery 代码放在回调中将元素添加到 DOM 的行之后:

jQuery.get('/fish.php', function (response) {
    $('#middleDiv').html(response);

    $('#someDiv').fadeIn(300); // ? whatever
});

如果您要绑定(bind)的是事件，您可能会考虑使用 . on() (或者 . delegate() 或 .live() 如果您使用的是旧版本的 jQuery，这些版本在最初编写此问题时就已存在)。您可以看到这些不同方法的比较 here .

这些方法允许将事件绑定(bind)到元素，即使它们还没有出现在 DOM 中；这意味着您可以在 $(document).ready() block 中绑定(bind)事件，即使元素尚未在 DOM 中注册也是如此。