引导下拉菜单在电子中不起作用

Question

使用 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。

在 body 标签下方，我有我的脚本声明：

 <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>

同样，其他不是下拉菜单的导航项目效果很好。为什么下拉菜单在这里不起作用？

感谢您的反馈。

Answer 1

我刚刚遇到了同样的问题。解决方案非常简单。只是忘记正确初始化 JQuery onLoad。

在你的 html 文件中做这样的事情：

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

不必为此单独添加下拉代码。