Javascript浏览器效果正确初始化，但随后消失

此脚本将添加x个记录中的x个、搜索框、下一个/上一个等。。。 这在初次浏览时效果很好。如果调用是Ajax，则应该显示它。电话没问题。如果用户添加的数据将显示在此页面上，一旦您导航回该页面，javascript效果将消失。我的意思不是单击浏览器上的后退按钮，而是使用适当的网站操作链接

我是javascript新手……有什么想法可以让我开始寻找问题所在吗

@if (IsAjax)
{
  <script src="~/Scripts/app/datatable_bootstrap.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            var dataTableSettings = {
                "bRetrieve": true, 
                "BDestroy": true, 
                "oLanguage": { "sEmptyTable": "No records found." },  
                "aoColumnDefs": [ 
                    { "bSearchable": false, "aTargets": [3] } 


                ]
            };

            // Initialize DataTable
            var dataTable = $('#datatableTransportation').dataTable(dataTableSettings);
            $('.dataTables_filter input').addClass('form-control');
            $('.dataTables_length select').addClass('form-control');
            dataTable.fnSort([[0, 'desc']]); // Sort by Column 1, descending
        });
    </script>

}

@if（IsAjax）
{
$（文档）.ready（函数（）{
var dataTableSettings={
“bRetrieve”：没错，
是的，
“oLanguage”：{“sEmptyTable”：“未找到任何记录”。}，
“aoColumnDefs”：[
{“可搜索”：false，“目标”：[3]}
]
};
//初始化数据表
var dataTable=$（“#datatableTransportation”）.dataTable（dataTableSettings）；
$（'.dataTables_filter input'）.addClass（'form-control'）；
$（'.dataTables_length select'）.addClass（'form-control'）；
dataTable.fnSort（[[0，'desc']]）；//按第1列降序排序
});
}