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

Question

此脚本将添加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>

}