無法呈現光滑電網

Question

我使用放倒JS，並且這樣做是在教程中提到的一切，但我不斷收到此錯誤：

Uncaught Error: SlickGrid's 'enableColumnReorder = true' option 
requires jquery-ui.sortable module to be loaded 

我迄今所做的：

<link href="css/bootstrap/bootstrap.css" rel="stylesheet"> 
<link href="css/recline/slickgrid.css" rel="stylesheet"> 
<link href="css/recline/grid.css" rel="stylesheet"> 
<link href="css/recline/recline.css" rel="stylesheet"> 

<script type="text/javascript" src="js/core/slickgrid/jquery-1.7.min.js"></script> 
<script type="text/javascript" src="js/core/slickgrid/jquery.event.drag-2.0.min.js"></script> 

<script type="text/javascript" src="js/core/underscore/underscore-1.3.3.js"></script> 
<script type="text/javascript" src="js/core/backbone/backbone-0.9.2.js"></script> 

<script type="text/javascript" src="js/core/slickgrid/slick.core.js"></script> 
<script type="text/javascript" src="js/core/slickgrid/slick.grid.js"></script> 
<!-- Recline --> 
<script type="text/javascript" src="js/core/recline/recline.js"></script> 
<script type="text/javascript" src="js/core/recline/recline.dataset.js"></script> 
<script type="text/javascript" src="js/core/recline/view.grid.js"></script> 

，我使用初始化電網代碼

var data = [ 
{id: 0, date: '2011-01-01', x: 1, y: 2, z: 3, country: 'DE', geo: {lat:52.56, lon:13.40} }, 
{id: 1, date: '2011-02-02', x: 2, y: 4, z: 24, country: 'UK', geo: {lat:54.97, lon:-1.60}}, 
{id: 2, date: '2011-03-03', x: 3, y: 6, z: 9, country: 'US', geo: {lat:40.00, lon:-75.5}}, 
{id: 3, date: '2011-04-04', x: 4, y: 8, z: 6, country: 'UK', geo: {lat:57.27, lon:-6.20}}, 
{id: 4, date: '2011-05-04', x: 5, y: 10, z: 15, country: 'UK', geo: {lat:51.58, lon:0}}, 
{id: 5, date: '2011-06-02', x: 6, y: 12, z: 18, country: 'DE', geo: {lat:51.04, lon:7.9}} 
]; 
var dataset = new recline.Model.Dataset({ 
records: data 
}); 
console.log(dataset); 
var $el = $('#mygrid'); 
var grid = new recline.View.SlickGrid({ 
model: dataset, 
el: $el 
}); 
grid.visible = true; 
grid.render(); 

有什麼我失蹤？

Answer 1

轉到您下載的SlickGrid文件夾。你會在裏面找到一個「lib」文件夾。這個「lib」文件夾包含「jquery-ui-1.8.16.custom.min.js」。它的版本可能會因您的SlickGrid版本而異。如果您將來面臨類似的困難，請確保您檢查所有.js文件的所有文件夾。祝你好運！！