Syncfusion ejGrid 不显示（未捕获的引用和未捕获的类型错误）

Question

我最近了解到 syncfusion，我正在尝试使用他们的基本网格功能。

我有 html 中显示的代码 fiddle 和一个单独的名为 orders 的 js 文件，其中包含：

        $("#Grid").ejGrid({           

        columns: [

            { field: "Order", headerText: "Order ID", width: 75, textAlign: ej.TextAlign.Right },

            { field: "CustomerID", headerText: "Customer ID", width: 80 },

            { field: "ShipName", headerText: "Ship Name", width: 100 },

            { field: "ShipCity", headerText: "Ship City", width: 100 },

            { field: "Freight", width: 80, format: "{0:C3}", textAlign: ej.TextAlign.Right }

        ]

    });

基本上，我试图让 table 显示在第 3 部分，但一直出现此错误：

jquery.easing.min.js:44 Uncaught ReferenceError: jQuery is not defined jquery.easing.min.js:44(anonymous function)

ej.web.all-latest.min.js:10 Uncaught TypeError: Cannot read property 'extend' of undefined ej.web.all-latest.min.js:10(anonymous function) ej.web.all-latest.min.js:10(anonymous function)

orders.js:30 Uncaught TypeError: undefined is not a function orders.js:30(anonymous function)

我试过直接将 js 用作 html 中的脚本标记，但这不起作用。我也尝试过将它包装在 document.ready 函数中，但无济于事。

JsFiddle 示例 http://jsfiddle.net/Ld6mn6xb/