Question

我通过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>

在我的标题中，我有一个.js文件：

$(function(){
    $("a.btn").click(function(){ $(this).parent().submit(); });
});

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

Answer 1

你会想要使用'on'方法，如下所示：

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

Documentation here.

祝你好运！

在Ajax加载的材质上绑定Click事件

1 个答案: