Javascript 单击“禁用创建数据表”按钮

Javascript 单击“禁用创建数据表”按钮,javascript,jquery,button,datatable,Javascript,Jquery,Button,Datatable,我试图在单击创建数据表后禁用#test按钮。这里的问题是,我可以在一开始就禁用它,但不是在单击之后 viewPending: function() { createDataTable("#pTable", { "ajax":"test.php", "columns": [ { "data": "id", "mRender": function(data, type, full) {

我试图在单击创建数据表后禁用#test按钮。这里的问题是,我可以在一开始就禁用它,但不是在单击之后

viewPending: function() {
    createDataTable("#pTable",
    {
        "ajax":"test.php",
        "columns": [
    {
              "data": "id",
              "mRender": function(data, type, full) {
             $("#test").on('click', function(){ //enables click event
                    $("#test").off('click');
                    $("#test").prop('disabled', true);
                    //alert("hello");
                    });

                    return '<div id="test" style="text-align: center"> <a id="test" class="btn btn-info btn-sm" href="'+app.api+'admin/investor/approve/'+ data  +'">' + 'Approve' + '</a></div>';                      
              }
            }   
        ]
    });
},
viewPending:function(){
createDataTable(“#pTable”,
{
“ajax”:“test.php”,
“栏目”:[
{
“数据”:“id”,
“mRender”:功能(数据、类型、完整){
$(“#测试”)。在('click',function(){//上启用单击事件
$(“#测试”).off('click');
$(“#测试”).prop('disabled',true);
//警惕(“你好”);
});
返回“”;
}
}   
]
});
},
“mRender”:功能(数据、类型、完整){
$(“.test”)。在('click',function(){//上启用单击事件
$(this).parent().css(“指针事件”,“无”);//禁用指针的所有事件
});
返回“”;
}
}   
“mRender”:功能(数据、类型、完整){
$(“.test”)。在('click',function(){//上启用单击事件
$(this).parent().css(“指针事件”,“无”);//禁用指针的所有事件
});
返回“”;
}
}   

单击功能仅在使用document.ready功能注册时有效。同样的方法在mRender块内不起作用。将onclick函数移到document.ready函数,然后重试。

只有在使用document.ready函数注册时,onclick函数才起作用。同样的方法在mRender块内不起作用。将onclick函数移动到document.ready函数并重试。

我猜多个元素具有相同的ID是一个问题(这是一个猜测,因为您的返回值有多个元素具有相同的ID),即使我已为其中一个元素提供了ID,或者它仍然无法工作,我仍然能够发出警报(“hello”)虽然多个元素具有相同的ID是一个问题,但我猜(这是一个猜测,因为您的返回值有多个元素具有相同的ID),即使我为其中一个元素提供了ID,或者它仍然不工作,但我仍然能够发出警报(“hello”)
  "mRender": function(data, type, full) {
         $(".test").on('click', function(){ //enables click event
            $(this).parent().css("pointer-events","none"); //disable all events of pointer
         });

      return '<div style="text-align: center"> <a class="btn btn-info btn-sm test" href="'+app.api+'admin/investor/approve/'+ data  +'">' + 'Approve' + '</a></div>';                      
         }
      }