单击时禁用创建数据表按钮答案

【问题标题】：Disable create data table button on click单击时禁用创建数据表按钮
【发布时间】：2017-07-14 06:44:47
【问题描述】：

我试图在创建数据表中单击后禁用#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>';                      
              }
            }   
        ]
    });
},

【问题讨论】：

我猜这是多个具有相同 ID 的元素的问题（这是一个猜测，因为您的返回值有多个具有相同 ID 的元素）
即使我为
或中的任何一个提供了 id，它仍然不起作用
我可以提醒（“你好”）

标签： javascript jquery button datatable

【解决方案1】：

  "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>';                      
         }
      }

【讨论】：

【解决方案2】：

点击功能仅在使用 document.ready 功能注册时有效。在 mRender 块内同样不起作用。将 onclick 函数移至 document.ready 函数并尝试。

【讨论】：