我需要为我的项目使用jQuery的QueryBuilder插件,因此我按照概述网页http://mistic100.github.io/jQuery-QueryBuilder/中的说明下载了所需的文件。
然后,我使用下面的代码设置了一个简单页面,但是当我运行它时,什么都没有发生。
我想念什么。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jQuery QueryBuilder</title>
<script src="Scripts/doT.js"></script>
<script src="Scripts/jQuery.extendext.js"></script>
<script src="Scripts/query-builder.js"></script>
<script src="Scripts/moment.js"></script>
<script src="Scripts/bootstrap.js"></script>
<script src="Scripts/jquery-2.1.4.js"></script>
</head>
<body>
<div id="builder"></div>
<script>
var myFilters = [{
id: 'column1',
label: 'Column 1',
type: 'string'
}, {
id: 'column2',
label: 'Column 2',
type: 'double'
}, {
id: 'column3',
label: 'Column 3',
type: 'boolean'
}];
$('#builder').queryBuilder({
filters: myFilters
});
</script>
</body>
</html>
我的项目看起来像这样
最佳答案
我相信您需要在插件之前加载Jquery。