如何执行Ajax调用返回的HTML中的内联JavaScript-JQUERY

Question

很多时候，我需要在ajax调用返回的HTML内容上运行一些javascript。 只是将其转储到div中似乎不起作用。 最好的方法是什么？ 可以说我返回以下HTML代码：

<div><input type="text" id="someID" /></div>
<script language="javascript">
$('#someID').somefunction();
</script>

Answer 1

您应该使用成功事件处理程序。 例如，如果您使用load()则将执行以下操作：

$('#foo').load('/my/ajax/stuff', function() {
    $('#someID').somefunction();
});

为了设置表单元素，我通常创建一个设置函数，并在ready和ajax完成时调用它

function setup_form() {
    $('.date-picker').datepicker();
}

$(setup_form);
$.ajaxComplete(setup_form);

现在，这将在document.ready以及ajax请求完成时设置表单元素。