Question

I’m trying to use jqgrid and I got this error: $(‘#list’).jqgrid is not a function

My js files are loaded from another url than the one my page is displayed.

Here is my head’s js includes:

<script src="http://js.abc.com/js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="http://js.abc.com/js/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>
<script src="http://js.abc.com/js/jqgrid/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="http://js.abc.com/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="http://js.abc.com/js/jquery.layout.js" type="text/javascript"></script>

my js code to load the grid:

<script type="text/javascript">
   $(function() {
      $('#list').jqgrid({});
   });
</script>

When I look at the page source code and click on the js links, the js code is there.

Did I miss something?

Answer 1

$('#list').jqgrid({}); is really wrong. You should use

$('#list').jqGrid({});

(with capital ‘G’) instead.