Php Jquery隐藏在Datatables的第二页中不起作用

Php Jquery隐藏在Datatables的第二页中不起作用,php,mysql,datatables,bootstrap-4,Php,Mysql,Datatables,Bootstrap 4,我有一个JQuery函数,它在单击表上的按钮时隐藏数据表,然后显示表单。它在第一个页面上工作,但在其他页面上不工作,当我使用搜索查询搜索用户并单击按钮(查询后)时,hide Jquery命令不工作 $(文档).ready(函数(){ $(“#过去#年”)。数据表({ 选择:true }); $('#insert_form').hide(); $(“#添加按钮”)。单击(函数(){ $(“#包装器”).hide(); $('insert_form').show(); }); }); 尝试下面的代

我有一个JQuery函数,它在单击表上的按钮时隐藏数据表,然后显示表单。它在第一个页面上工作,但在其他页面上不工作,当我使用搜索查询搜索用户并单击按钮(查询后)时,hide Jquery命令不工作


$(文档).ready(函数(){
$(“#过去#年”)。数据表({
选择:true
});
$('#insert_form').hide();
$(“#添加按钮”)。单击(函数(){
$(“#包装器”).hide();
$('insert_form').show();
});
});
尝试下面的代码

 <script type="text/javascript">
        $(document).ready(function () {
            $('#past_years').DataTable({
                select: true
            });
            $('#insert_form').hide();


            $(document).on("click","#add_button",function () {
                $('#wrapper').hide();
                $('#insert_form').show();
            });
        });
    </script>

$(文档).ready(函数(){
$(“#过去#年”)。数据表({
选择:true
});
$('#insert_form').hide();
$(文档)。在(“单击”,“添加”按钮)上,函数(){
$(“#包装器”).hide();
$('insert_form').show();
});
});

您可以添加代码和页面HTML结构的其余部分吗?原因是您在创建dom后添加了add_按钮,这就是为什么您的代码不工作的原因是satish提到它不工作,因为您已将点击事件绑定到加载页面上的内容,然后,您在第二页添加了更多的元素,它们没有绑定您的函数。上述方法效果良好。还可以使用数据表事件在每次绘制表时将单击绑定重新添加到特定元素