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

时间:2013-11-18 23:59:58

标签: javascript jquery 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>

在我的标题中,我有一个.js文件:

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

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

1 个答案:

答案 0 :(得分:2)

你会想要使用'on'方法,如下所示:

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

Documentation here.

祝你好运!