javascript - 在 AJAX 调用返回的 html 中调用 jQuery 函数

Question

我正在开发一个使用 jQuery 的网页。我有一个 Ajax 调用，它从服务器获取数据并更新 div。该数据内部有一个 jQuery 函数，但在数据加载到页面后该函数并未被调用。我已经在页面中包含了正确的 js 文件。

这是从 Ajax 调用返回并放入 div 中的内容:

<script type="text/javascript">
    $(function() {
         $('input').myFunction('param');             
    }); 
</script>
<p> other html </p>

在将 html 插入页面后，如何让返回的 javascript 运行？

(我使用 Rails 和 jRails 插件)

Answer 1

如果您想要使用 html 内容评估 JavaScript 标记，则应将 ajax 调用的 dataType 选项设置为“html”:

$.ajax({
  type: "GET",
  url: "yourPage.htm",
  dataType: "html"
});

或者数据类型“script”，如果您想加载并执行 .js 文件:

$.ajax({
  type: "GET",
  url: "test.js",
  dataType: "script"
});

更多信息请点击:Ajax/jQuery.ajax