Javascript 在Ajax加载的材质上绑定单击事件

我通过ajax加载了一些内容：

<form action="functions.php" method="POST">
        <input type="hidden" name="function" value="login_instructor">
        <h2 class="dark">Instructor Login</h2>
        <br>Instructor Full Name:&nbsp;<input type="text" name="name">
        <br>Instructor Password:&nbsp;&nbsp;<input type="password" name="pass">
        <br><a class="btn btn-inverse btn-large" href="#">Login as Instructor &raquo;</a>
      </form>

我假设每次ajax请求完成时都会调用ready（）事件，因此绑定应该再次发生。但是，当我加载内容时，单击按钮不会提交表单。

---

我做错了什么？

您可能希望使用如下“打开”方法：

$(document).on("click", "a.btn", function() {
    // Do something.
});

---

祝你好运

您可以尝试将事件处理移到更高的位置：$（document）.on（“单击”，“a.btn”，function（）{$（this.parent（）.submit（）；}）；非常感谢。这就是答案！请把它贴出来作为答案，这样我就可以把它标记为一个解决方案。标记iamjpg的家伙：这是一个比我更好的解决方案。谢谢我从来没有想过要这样做，将来会使我的代码更整洁。

$(document).on("click", "a.btn", function() {
    // Do something.
});