为什么类上的onclick事件无效

时间:2017-05-02 14:03:34

标签: jquery

我有一个表格,其中列出了正在等待批准的用户,管理员可以点击表格行,一旦他这样做,用户的信息将显示在下面的框中,我之前已经这样做了但是我犯了一个错误,我在行上使用了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(){但它仍然无效。

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:-1)

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

    $(document).on('click','。rowID',function(){   //行动 });

  2. 如果您想从该课程中获取ID,请点击以下代码。

    $('。rowID')。on('click',function(){     var id = $(this).attr('id');     的console.log(ID); });