javascript - 使用 load() 包含的页面范围

Question

我有一个 index.php 和一个 contact.php。

index.php 使用 load()，如下所示:$("#content").load("contact.php"); 一切都很棒...

我的问题是，在 contact.php 上，有一个表单，提交表单时我似乎无法运行函数。

index.php 已加载 jquery。我尝试将此函数放入或放入就绪标记中:

function contact_submit(){
   alert('a');
}

在 contact.php 上:

<form .....
   <input onclick="contact_submit();"  ....

我一直在尝试，并将该功能放在 contact.php 上，但仍然没有成功。我确实注意到，如果我想在 contact.php 上使用 jquery，我需要在该页面上包含 jquery.js(它不会从索引中窃取它)。

有谁知道我做错了什么，或者我如何在 loaded contact.php 中使用 index.php 上的函数？如果您需要更多我的代码，请告诉我...

编辑 我需要将全局函数放入 .js 文件中并将其加载到将使用的所有页面上吗？我知道这听起来像是一个基本问题，但是使用 load() 不会在我的索引页上重复使用 Javascript 函数吗？

Answer 1

该事件不会随波逐流。您需要在index.php 上添加一些内容或使用jQuery 的getScript 方法。如果您在index.php 上添加一些内容，您将只想使用jQuery 的事件委托(delegate)。

$('form').on('click','input',contact_submit);

否则，我推荐这个:http://api.jquery.com/jQuery.getScript/