2017-03-08 146 views
0

我下載的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中引用它們。

我的文件夾現在看起來是這樣的:

my folder

我還包括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等中的哪些文件需要引用?

回答

1

我在http://www.shahspace.com/querybuilder/index.html上運行您的代碼。 l查看控制檯並閱讀 「對象不支持屬性或方法」queryBuilder'「

然後我檢查網絡請求,看不到query-builder.js被加載。

這是probem:

<script type="text/javascript" href="query-builder.js"></script> 

腳本沒有HREF。 使用SRC代替

<script type="text/javascript" src="query-builder.js"></script> 
+0

繁榮。這是你在這裏OP的答案 – DMcCallum83