MySQL DB から入力されたデータテーブルの内容を更新したいと考えています。DB はリアルタイムで更新される可能性があるため、データテーブルの上部に更新ボタンを追加したいと考えています。私のコードは次のとおりです。
<div id="refresh">
<button id="refresh-table">Refresh</button>
<br>
</div>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$('#tabbb').dataTable({
"sPaginationType":"full_numbers",
"aaSorting":[[5, "asc"]],
"bJQueryUI":true
});
$(".refresh_table").click(function() {
table=$("#tabbb").dataTable();
table.fnPageChange("first",1);
});
});
</script>
問題は、更新ボタンをクリックしても何も起こらないことです。