mvc razor中的jquery错误 [英] error in jquery in mvc razor

问题描述

当我运行项目时，它给出未定义不是函数。在 myGrid.jqGrid（{这一点。

请帮帮我

< table id =Jgrid>< / table> 
 

index.cshtml

 <   script     type   =  text / javascript >  
 jQuery（document）.ready（function（）{
 var myGrid = $（'＃Jgrid'）; 
 myGrid.jqGrid（{ //错误在这里
标题：SubCatagory，
 url：'/ api / SubCatagory'，
数据类型：json，
 contentType：application / json; charset -utf-8，
 mtype：'GET'，
 colNames：['SubCatagory ID'，'SubCatagory Name'，'SubCatagory Code']，
 colModel：[
{name：'SubCatagoryId'}，
 {name：'SubCatagoryName'}，
 {name：'SubCatagoryCode'}，
]，
 rowNum：5 
} ）; 
}）; 
 <   / script  >  

_Layout.cshtml

 link rel =stylesheethref =http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css/> 
< script src =// ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js\"></script> 
< link rel =stylesheethref =// ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css/> 
< script src =// ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js\"></script> 
 
<！ - 加载SCRIPT.JS，它将为输入字段创建日期选择器 - > 
 
< meta name =viewportcontent =width = device-width/> 
< link href =〜/ Content / jquery.jqGrid / ui.jqgrid.css =stylesheettype =text / css/> 
< link href =〜/ Content / themes / base / jquery-ui.css =stylesheettype =text / css/> 
< script src =〜/ Scripts / i18n / grid.locale-en.jstype =text / javascript>< / script> 
 
 
< script src =〜/ Scripts / jquery.jqGrid.min.jstype =text / javascript>< / script> 

解决方案

（'＃Jgrid'）;
myGrid.jqGrid（{//错误在这里
标题：SubCatagory，
url：'/ api / SubCatagory'，
数据类型：json，
contentType：application / json; charset-utf-8，
mtype：'GET'，
colNames：['SubCatagory ID'，'SubCatagory Name'，'SubCatagory Code']，
colModel：[
{name：'SubCatagoryId'}，
{name：'SubCatagoryName'}，
{name：'SubCatagoryCode'}，
]，
rowNum：5
}）;
}）;
< / script >

_Layout.cshtml

 link rel =stylesheethref =http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css/> 
< script src =// ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js\"></script> 
< link rel =stylesheethref =// ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css/> 
< script src =// ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js\"></script> 
 
<！ - 加载SCRIPT.JS，它将为输入字段创建日期选择器 - > 
 
< meta name =viewportcontent =width = device-width/> 
< link href =〜/ Content / jquery.jqGrid / ui.jqgrid.css =stylesheettype =text / css/> 
< link href =〜/ Content / themes / base / jquery-ui.css =stylesheettype =text / css/> 
< script src =〜/ Scripts / i18n / grid.locale-en.jstype =text / javascript>< / script> 
 
 
< script src =〜/ Scripts / jquery.jqGrid.min.jstype =text / javascript>< / script> 

When i run project its gives "undefined is not a function". at myGrid.jqGrid({ this point.
please help me out

<table id="Jgrid"></table>

index.cshtml

<script type="text/javascript">
        jQuery(document).ready(function () {
            var myGrid = $('#Jgrid');
            myGrid.jqGrid({ // error is here
                caption: "SubCatagory",
                url: '/api/SubCatagory',
                datatype: "json",
                contentType: "application/json; charset-utf-8",
                mtype: 'GET',
                colNames: ['SubCatagory ID', 'SubCatagory Name', 'SubCatagory Code'],
                colModel: [
                                { name: 'SubCatagoryId' },
                                { name: 'SubCatagoryName' },
                                { name: 'SubCatagoryCode' },
                ],
                rowNum: 5
            });
        });
</script>

_Layout.cshtml

link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

    <!-- Load SCRIPT.JS which will create datepicker for input field  -->

        <meta name="viewport" content="width=device-width" />
        <link href="~/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" type="text/css" />
        <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
       <script src="~/Scripts/i18n/grid.locale-en.js" type="text/javascript"></script>


        <script src="~/Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>

解决方案

('#Jgrid'); myGrid.jqGrid({ // error is here caption: "SubCatagory", url: '/api/SubCatagory', datatype: "json", contentType: "application/json; charset-utf-8", mtype: 'GET', colNames: ['SubCatagory ID', 'SubCatagory Name', 'SubCatagory Code'], colModel: [ { name: 'SubCatagoryId' }, { name: 'SubCatagoryName' }, { name: 'SubCatagoryCode' }, ], rowNum: 5 }); }); </script>

_Layout.cshtml

link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

    <!-- Load SCRIPT.JS which will create datepicker for input field  -->

        <meta name="viewport" content="width=device-width" />
        <link href="~/Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" type="text/css" />
        <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
       <script src="~/Scripts/i18n/grid.locale-en.js" type="text/javascript"></script>


        <script src="~/Scripts/jquery.jqGrid.min.js" type="text/javascript"></script>

这篇关于mvc razor中的jquery错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！