Trirand jqGrid não aparecendo; TypeError: $ (…) .jqGrid não é uma function

Grid não está exibindo, console do firefox mostra “TypeError: $ (…). JqGrid não é uma function”.

ASP.NET MVC 5.2.2 Razor, jQuery 2.1.1, Trirand jqGrid 4.6.0

Eu verifiquei outras questões semelhantes, cada vez que o problema parece diferente e é problema de syntax ou declaração de importação. O meu parece bem. Todos os scripts referenciados estão no lugar. Envolvê-lo no evento $ (document) .ready () não faz diferença. Aprecie qualquer ajuda.

        $(function () { $("#list").jqGrid({ url: "/Email/LoadDraftEmails/", datatype: "json", mtype: "GET", colNames: ["Id", "Subject", "Sender name", "Sender e-mail", "Created", "Last saved"], colModel: [ { name: "ID", width: 50 }, { name: "Subject", width: 200 }, { name: "SenderName", width: 150 }, { name: "SenderEmail", width: 150 }, { name: "DateCreated", width: 150 }, { name: "DateLatestSave", width: 150 } ], pager: "#pager", rowNum: 100, rowList: [10, 20, 30], sortname: "invid", sortorder: "desc", viewrecords: true, gridview: true, autoencode: true, caption: "Draft emails" }); });   

Eu suspeito que o que você mostrou é apenas uma pequena parte do HTML inteiro que é renderizado. Talvez haja o Layout que contém alguns outros scripts que estão sendo mixados.

Para certificar-se de que isso não é o caso, desative o Layout temporário e tenha toda a marcação em sua exibição:

 @{ Layout = null; }             

Isso normalmente deve funcionar como esperado. Se esse for o caso, você deverá ver quais referências de script podem estar se misturando em seu Layout e garantir que a página renderizada será semelhante à mostrada aqui.