ajax调用后Javascript文件不起作用

Question

我正在使用分页脚本。我是从模板中得到的。它具有搜索选项以及显示项目，如 5、10、15、20 和和上一个按钮。脚本运行良好，但是当我使用 ajax 并使用

刷新该表格部分时

$(#tablerefresh).html(data)

然后只显示一个表，没有搜索选项，没有下一个先前的选项，只显示所有行。

 <script type='text/javascript' src='../../js/plugins/Table/Table.js'></script>

这就是脚本文件。我把它放在调用 php 页面中，但没有任何效果。如果您想查看脚本代码，我将发布代码。有什么建议吗？

在更新发生时，其他部分运行成功：

            else
            {
                // Dropdown start option.
                $('select').val(0);

                // Clear fields data. (text).
                $('form :input[type=text]').attr('value','');

                // Password error hide.
                $('#userpassword').css("border-color", "#918C8C");
                $('#userconfirm').css("border-color", "#918C8C");
                $('#usershowdiv').hide();

                // Username - Space error show.
                $('#userspace').css("border-color", "#918C8C");
                $('#usershowdiv3').hide();

                // Username - User already exists error show.
                $('#userexists').css("border-color", "#918C8C");
                $('#usershowdiv4').hide();

                // Show ok image.
                $('#okicon2').show();

                // Hide ok image.
                $('#okicon2').delay(8000).fadeOut();

                // Show success message.
                $('#usersuccess').show();

                // Show success message hide after some time.
                $('#usersuccess').delay(8000).fadeOut();

                // Hide x image.
                $('#crossicon2').hide();

                // Again Display Table after refresh.
                $('#refreshuserlist').html(data);
            }

js:

<script type="text/javascript">
$(document).ready(function()
{

    // dataTable    

        if($(".fTable").length > 0)
            $(".fTable").dataTable({bSort: true, 
                                    "iDisplayLength": 5, "aLengthMenu": [5,10,25,50,100], // can be removed for basic 10 items per page
                                    "aoColumnDefs": [{"bSortable": false,
                                                     "aTargets": [ -1 , 0]}]});

    // eif dataTable
});
</script>

我如何使用它：

<table class="table fTable lcnp" cellpadding="0" cellspacing="0" width="100%">
</table>

Answer 1

如果您的寻呼机和搜索是动态添加到页面的，那么在 ajax success 中重新调用这些函数以应用到您的页面中被替换的新元素：

function createSearchField(){
     $('body').append('<div class="search"></div>');
}

在 ajax 中：

$.ajax({ 网址：'example.com'， 成功：function(){ createSearchField(); //再调用一次。 } })