修改

Question

我有一个表格，其中列出了正在等待批准的用户，管理员可以点击表格行，一旦他这样做，用户的信息将显示在下面的框中，我之前已经这样做了但是我犯了一个错误，我在行上使用了ID，我正在做一个循环来显示所有行，好吧，ID只能使用一次所以它只能用于第一行，我现在将行的ID更改为一个CLASS和我的jQuery不再工作了，该框没有显示在底部以及用户信息。

这是表格行：

<tr data-id="<?php echo $datum['ID']; ?>" class="rowID" href="#">

这是我的剧本：

$(".rowID").click(function() {
    var User = $("#userID");
    var Box = $("#userBox");

    Box.show();
    $("#userBox").animate({
        maxHeight: '+=1000px'
    }, 1000);

    $("html, body").animate({
        scrollTop: $(document).height()
    }, 1000);

    $("#thisHR").show();
    $("#thisHR").animate({
        maxWidth: '+=1000px'
    }, 1000);

});

修改

我试过这个 $(document).on('click','body.rowID',function(){但它仍然无效。

Answer 1

我解决了我的问题，我不得不使用"而不是`

$(document).on("click",".rowID",function(){

不

$(document).on('click','.rowID',function(){

Answer 2

如果tr动态出现，您可以尝试以下点击事件。

$（document）.on（'click'，'。rowID'，function（）{ //行动 }）;
如果您想从该课程中获取ID，请点击以下代码。

$（'。rowID'）。on（'click'，function（）{ var id = $（this）.attr（'id'）; 的console.log（ID）; }）;

为什么类上的onclick事件无效

修改

2 个答案: