2016-06-14 103 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> 

下拉代码不必为此必须另外补充。