Button in the header. How to handle event?

jonjvaughn

I am using the technique described here to add a button to my table header:
$(document).ready(function() {
$('#example').DataTable( {
"dom": '<"toolbar">frtip'
} );

$("div.toolbar").html('<button type="button">Click Me!</button>');

} );

However after that I am stuck not knowing how to detect and act on the click. Thank you in advance.

Ashbjorn

@jonvaughn, you could try to add this part after the line you showed in your example:

  $("div.toolbar").find("button").off().on("click", function (e) {
    alert("Did it work?");
  });

Hope this helps,

jonjvaughn

Excellent for what I need. Thank you.