JQuery $(document).ready ajax load

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
});

如果它是您要绑定的事件,您可能会考虑使用.on()(或.delegate()或者.live()如果您使用的是旧版本的jQuery,这些版本最初是在撰写此问题时使用的).您可以在此处查看这些不同方法的比较.

这些方法允许将事件绑定到元素,即使它们尚未存在于DOM中; 这意味着您可以绑定$(document).ready()块中的事件,即使这些元素尚未在DOM中注册.