我下載的QueryBuilder從這個網站安裝的QueryBuilder:沒有視覺工作室
querybuilder.js.org/#installation
它說,這取決於以下依存關係:
- 的jQuery> = 1.10
- Bootstrap> = 3.1(僅限CSS按鈕和實用程序)
- $ .extendext
- 個doT.js> = 1.0.3
- MomentJS(可選,日期/時間驗證)
所以,我下載所有這些。
它還告訴我下載並引用query-builder.css和query-builder.js。所以我下載它們並從index.html中引用它們。
我的文件夾現在看起來是這樣的:
我還包括jQuery的1.11.1的文件夾,並從index.html的引用它。
的index.html看起來是這樣的:
<html>
<head>
<link href="JQuery\jquery-ui.css" rel="stylesheet" />
<link href="JQuery\jquery-ui.structure.css" rel="stylesheet" />
<link href="JQuery\jquery-ui.theme.css" rel="stylesheet" />
<script type="text/javascript" src="JQuery\jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="JQuery\jquery-ui.min.js"></script>
<link rel="stylesheet" href="query-builder.css" />
<script type="text/javascript" href="query-builder.js"></script>
</head>
<body>
<div id="builder"></div>
<script>
$(document).ready(function() {
$('#builder').queryBuilder();
});
</script>
</body>
</html>
但是如果你去http://www.shahspace.com/querybuilder/index.html你看到它不工作。
下載頁面的內容類似於boostrap,其他依賴項應該通過visual studio安裝。我只是使用普通的記事本文件。
有什麼額外的我需要做的正確設置所有這一切? Bootstap,$ .extendext,doT.js等中的哪些文件需要引用?
繁榮。這是你在這裏OP的答案 – DMcCallum83