jQuery不对一类按钮执行onClick

Question

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>

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
            }
        }
    ?>

到目前为止，我尝试过的是:警报盒没有出现。我尝试更改表单按钮类型以提交，并使Javascript $(".acceptorbutton").submit(function(){....

提前感谢！请告诉我，如果你需要更多的信息，但到目前为止，我认为我没有错过任何关键数据。

Answer 1

所以我发现了错误，终于开始工作了！希望与此作斗争的其他人会发现这是有帮助的。我的错误是this.attr('name')；在jQuery 1.7中被废弃，而我使用的是jQuery 2.1。这个错误完全不是与回调有关，而是完全像它看到这一点时关闭并着火了一样，甚至不允许通过警报()。相反，使用$(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>