如何執行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請求完成時設置表單元素。