javascript - Ajax 响应注入(inject)到 DOM 后重新加载文档准备好了吗？

Question

我有一个使用颜色选择器的表单，这是在 Document Ready 中使用表单选择输入标记定义的。但我需要在另一个页面中通过 AJAX 访问一些数据，并让响应替换该表单。当我这样做时，jquery colorpicker 停止工作。我想重新加载 Document Ready 之类的东西会很酷。

否则我认为我唯一的选择是 JSON 将变量从 PHP 输出传递到 jquery，然后返回到 html，对吗？

Answer 1

有两种基本方法可以实现此目的。第一个是使初始化颜色选择器的函数可以从其他代码调用。另一种是手动重新触发文档的就绪事件。前者需要对颜色选择器代码进行少量修改，但后者将重新执行绑定(bind)到 document.ready 的所有函数!在执行此操作之前请确保这就是您想要的。 :-)

// option one

function setupColorPicker() {
    // do color picking magic
}

$(document).ready(setupDatePicker);

$.ajax(options).done(setupColorPicker);

// option two

$(document).ready(function() {
    // do color picking magic
});

$.ajax(options).done(function() {
    $(document).trigger("ready"); // probably has unintended side-effects!
});