2016-06-14 85 views
0

使用Angular JS構建電子應用程序。我在主屏幕上安裝了一個引導程序導航菜單,除了下拉導航項外,它們不會在點擊時下拉。代碼本身是從引導站點導航樣本中複製並粘貼的。bootstrap下拉不能在電子工作

這裏是我的package.json

{ 
"name": "testapp", 
"version": "1.0.0", 
"description": "", 
"main": "main.js", 
"scripts": { 
    "start": "electron ." 
}, 
"author": "", 
"license": "ISC", 
"devDependencies": { 
" electron-prebuilt": "^1.2.2" 
}, 
"dependencies": { 
"angular": "^1.5.6", 
    "angular-route": "^1.5.6", 
    "bootstrap": "^3.3.6" 
} 

}

我通過NPM安裝引導。在main.html的頭部,我調用了node_module文件夾中的css。

身體下面的標籤我有我的腳本聲明這樣:

<script src="node_modules/jquery/dist/jquery.min.js"></script> 
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script> 
<script src="node_modules/angular/angular.min.js"></script> 
<script src="node_modules/angular-route/angular-route.min.js"></script> 
<script src="js/app.js"></script> 

同樣不在下拉列表中選擇資產淨值其餘項目工作的偉大。爲什麼dropdowns在這裏不起作用?

感謝您的反饋意見。

+0

您是否在窗口開發工具中有任何錯誤? –

+0

沒有錯誤,它只是沒有工作。 – galactictourist

回答

0

不知道爲什麼,但似乎我不得不添加明確的引導下拉代碼。我將dropdown.min.js添加到我的bootstrap/dist/js文件夾中,然後在我的主bootstrap.min.js調用下的main.html中引用,現在下拉導航項工作。

我假定下拉代碼在主bootstrap.js文件中?我想知道是否有必要將下拉式js作爲單獨的文件包含在內?

0

我剛碰到同樣的問題。 解決方案非常簡單。 只是忘了正確地初始化jQuery onLoad。

做這樣的事情在你的HTML文件:

<script type="text/javascript" src="./node_modules/jquery/dist/jquery.min.js" onload="window.$ = window.jQuery = module.exports;"></script> 

下拉代碼不必爲此必須另外補充。