Question

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

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

Answer 2

on click功能仅在使用document.ready函数注册时才有效。同样不会在mRender块内部工作。将onclick函数移动到document.ready函数并尝试。

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

2 个答案: