php - Jquery Hide 在数据表的第二页中不起作用

Question

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

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


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

标签： phpmysqldatatablesbootstrap-4

Answer 1

试试下面的代码

 <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>