Ajax响应注入DOM后重新加载文档？

Question

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

否则我认为我唯一的选择是JSON将变量从PHP输出传递给jquery然后再传回html,对吧？

Answer 1

有两种基本方法可以实现这一目标.第一个是使用其他代码调用初始化颜色选择器的函数.另一种是手动重新触发文档的就绪事件.前者需要对颜色选择器代码进行少量修改,但后者将重新执行绑定到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!
});