jquery - jQuery 帖子上没有发生任何事情

Question

下面是我的 jQuery 函数，用于将名称、密码和电子邮件的值发布到 register.php，然后显示在 register.php 中回显的消息div#message.

但是，当我点击 postBtn 时，没有任何反应，控制台也没有记录点击。

jQuery

$(document).ready(function() {
    $("#btnPost").on("click", function() {
        console.log('clicked'); 
        var thisBtn = $(this); 
        var parent = thisBtn.parent(); 

        name = parent.data('name'); 
        password = parent.data('password'); 
        email = parent.data('email');

        $.post(
            'register.php', 
            { 
                name: ('name'), 
                password: ('password'), 
                email: ('email')
            },          
            function(data) {
                parent.next('#message').html(data);
            }
        );
    });
});

这是输入所有数据的 HTML block ，但是单击 #postBtn 按钮时似乎没有任何反应。

<table>
    <tr>
        <td> Username: <td>
        <td> <input type = "text"  class = "field" name = "name"> </td>
    </tr>
    <tr>
        <td> Password: <td>
        <td> <input type = "password" class = "field" name = "password"> </td>
    </tr>
        <td > Email: <td>
        <td> <input type = "email" class = "field" name = "email"> </td>
    </tr>
    <tr>
        <td>  <td>
        <td> <button  class='regular' id = "btnPost" name='save'> Log In  </button></td>
    </tr>
    <tr>
</table>

Answer 1

我使用相同的语法遇到了与您类似的问题，我按照以下几行重新处理了我的问题，它解决了这个问题....

尝试:

$(document).on("click", "#btnPost", function() { //implementation });

您可以将 $(document) 更改为包含 div 的名称，或较低级别的名称，只要 #btnPost 包含在其中即可。