Question

我正在使用分页脚本。我是从模板中得到的。它有搜索选项和显示项目，如5,10,15,20和和和prev按钮。脚本工作得很好但是当我使用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（）; //再次打电话} }）

ajax调用后Javascript文件无法正常工作

1 个答案: