Javascript jQuery未对一类按钮执行onClick

Javascript:

    <script>
        $(document).ready(function(){//So far AJAX isn't asyncn.
            $(".acceptorbutton").on('click', function(){
                    var whichClicked = this.attr('name');
                    var cat = parseInt(whichClicked, 10);
                    alert("this text is not appearing");
                    $.ajax({
                        type:"POST",
                        url:"getuser.php",
                        data: {friendadd : cat},
                        success: function(){
                            alert("Ajax success");
                        }
                    })
            })
        });
    </script>

$（document）.ready（function（）{//到目前为止，AJAX不是异步的。
$（“.acceptorbutton”）。在（'click'，function（）上{
var whichClicked=this.attr（'name'）；
var cat=parseInt（单击它，10）；
警报（“此文本未出现”）；
$.ajax({
类型：“POST”，
url:“getuser.php”，
数据：{friendadd:cat}，
成功：函数（）{
警报（“Ajax成功”）；
}
})
})
});

PHP和HTML表单：对于搜索结果出现的每个用户，它都是循环的。每个用户旁边都有一个输入按钮，onClick应该调用getuser.php。除了名称之外，输入按钮是相同的。单击时，jQuery应该执行，但它没有检测到它

            <form id="friendadd" enctype="multipart/form-data">
    <?php
        for($i=0; $i<$ctk->rowCount(); $i++){
            echo "<img src='".$ctk_values[$i][6]."' alt='Blank' style='width:64px;height:64px'>";//PP, Later add clickable profile
            echo "<th rowspan='3'>Attributes</th>";
            echo "<tr>  ".$ctk_values[$i][0]."</tr>";//UN
            echo "<tr>  ".$ctk_values[$i][1]."</tr>";//UL
            echo "<tr>  ".$ctk_values[$i][5]."</tr>";//UA
            echo "YOYOYOO".$ctk_values[$i][4];
            $GlobalAcceptorId=$ctk_values[$i][4];
    ?>

    <div id="dom-target" style="background-color:yellow;">
        <?php
            echo $GlobalAcceptorId;
        ?>
    </div>
                <input class="acceptorbutton" type="button" name="<?php echo $ctk_values[$i][4];?>"><br>
    <?php   
        }//Ends for loop
    ?>
            </form>     
    <?php
            }
        }
    ?>

因此，我发现了错误，并最终使其工作！希望其他与此抗争的人会觉得这很有帮助。我的错误是这个.attr（'name'）；在jQuery1.7中被弃用，而我使用的是jQuery2.1。错误根本不在于回调，而在于它完全像是在看到回调时关闭并着火，甚至不允许alert（）通过。而是使用$（this.prop（'name'）。感谢所有帮助过我的人

    <script>
        $(document).ready(function(){//So far AJAX isn't asyncn.
            $(".acceptorbutton").on("click", function(){
                    alert("this text is not appearing");
                    //var whichClicked = this.attr('name');
                    //var cat = parseInt(whichClicked, 10);
                    var cat = parseInt($(this).prop('name'), 10);
                    $.ajax({
                        type:"POST",
                        url:"getuser.php",
                        data: {friendadd : cat},
                        success: function(){
                            alert("Ajax success");
                        }
                    });//Add data: and success:function
            })
        });
    </script>


$（document）.ready（function（）{//到目前为止，AJAX不是异步的。
$（.acceptorbutton”）。在（“单击”，函数（）上{
警报（“此文本未出现”）；
//var whichClicked=this.attr（'name'）；
//var cat=parseInt（单击它，10）；
var cat=parseInt（$（this）.prop（'name'），10）；
$.ajax({
类型：“POST”，
url:“getuser.php”，
数据：{friendadd:cat}，
成功：函数（）{
警报（“Ajax成功”）；
}
})；//添加数据：和成功：函数
})
});
除了“它不工作”之外，您还进行了什么样的调试？是否调用了单击处理程序？是否正在发出AJAX请求？服务器的响应是什么？浏览器的JavaScript控制台中是否存在任何错误？PHP日志中有错误吗？具体在哪里失败了？@David因此我认为click处理程序根本没有被调用，AJAX请求也没有发生。事实上，页面不会刷新，这一点提醒（“此文本未出现”）；没有出现。我尝试过使用今天得到的firebug，我想我看到了这些属性。php应该是正常的，错误日志中没有任何内容。谢谢当您尝试将单击处理程序附加到按钮时，HTML是什么样子的？第一个jQuery选择器在那个时候是否找到了具有给定类的元素？我无法复制该问题。以前，我只使用一个按钮而不是一类按钮进行Ajax调用，但我看到stackexchange上有人使用.on（'click'，function（））让我看看是否可以打开它。如果使用AJAX，页面不应该刷新。不要只看生成HTML的PHP代码，看实际的HTML。这就是JavaScript看到的。因此，如果JavaScript没有按预期工作，那么需要对其进行调试。