jqGrid突然停止工作


jqGrid suddenly stopped working

几年前我创建了一个php+smarty应用程序,其中我使用了jqGrid。

这些是版本号:jQuery 1.2.6, jqGrid 3.2.3

它当时工作得很好。

几天前当我检查它不工作。更奇怪的是,它在ie8上运行,在firefox和chrome浏览器上运行失败。

我检查了firefox的firebug控制台,我得到以下错误:

TypeError: jQuery(...).jqGrid is not a function

我无法理解为什么这个错误突然出现?

我包含了以下文件:

<link rel="stylesheet" type="text/css" media="screen" href="jqgrid/themes/style.css" />
     <link rel="stylesheet" type="text/css" media="screen" href="jqgrid/themes/basic/grid.css" />
    <script src="jqgrid/js/jquery.js" type="text/javascript"></script>
    <script src="jqgrid/js/jquery.jqGrid.js" type="text/javascript"></script>
    <script src="jqgrid/js/myjqGrid.js" type="text/javascript"></script>

jqGrid代码:

jQuery(document).ready(function(){
jQuery("#superadmin").jqGrid({  // Specify the ID of the Grid Table
    url:'jqgrid/superadminusers.php', // URL of PHP file
    datatype: "json", // Name of datatype
    colNames:['User Id','First Name','Last Name', 'Role', 'Contact','Edit','Delete','Status'], // Column Name in grid
    colModel:[ // Field name used in database
        {name:'username',index:'username', width:100},
        {name:'firstname',index:'firstname', width:120},
        {name:'lastname',index:'lastname', width:100},
        {name:'role',index:'role', width:100},
        {name:'phone',index:'phone', width:80},
        {name:'editrow',index:'editrow', width:50},
        {name:'deleterow',index:'deleterow', width:50},
        {name:'deletebook',index:'deletebook', width:100}
    ],
    pager: jQuery('#divPage'), // ID of Grid DIV
    rowNum:10, // Total no of rows that we want to show in grid at a time
    mtype: "POST", // method type
    height: 200, // height of grid
    width: 850, // width of grid
    multiselect: false, // set true the multiselect property
    rowList:[10,15,20], // set the number of list of rows
    imgpath: 'jqgrid/themes/sand/images', // path of images
    sortname: 'username', // column name by which grid will be sorted by default
    viewrecords: true,  // it will show the number of records below the grid
    sortorder: "asc",
  caption:'Users'
    });
});

我无法将其更新到最新的jqGrid版本,因为我必须手动更改所有文件中的代码。此外,我所使用的主题是不可用的jquery ui主题

你写你的旧web应用程序"仍然在IE8上工作,在Firefox和Chrome浏览器上失败"。

我想它可以在IE上工作,因为你仍然像以前一样使用旧的IE8,但是你像以前一样更新了Firefox和Chrome到最新的版本。你使用的是5年前发布的jQuery 1.2.6,你使用的是同样在2008年夏天发布的jqGrid 3.2.3。你应该明白,如果你想在新的现代web浏览器中使用,你必须更新你的web应用程序。

如果我们谈论2008年,你应该记得,那时Firefox 3刚刚发布。Internet Explorer 8于2009年发布。最初发布的Chrome网络浏览器甚至是在2008年底。现在我们有了Firefox 21和Chrome 27。你真的想知道你的复古应用程序应该在现代这些web浏览器中仍然工作吗?

关于你的代码:我第一次使用jqGrid是在3.5.2版本。所以我不确定jqGrid 3.2.3如何工作。至少jqGrid 3.5.2已经有了本地化文件。所以必须在 jquery.jqGrid.min.js之前插入grid.locale-en.js 。也许你也应该在jqGrid 3.2.3中做同样的事情?