accounts-ui-bootstrap-3 中没有下拉菜单答案

【问题标题】：No dropdown in accounts-ui-bootstrap-3accounts-ui-bootstrap-3 中没有下拉菜单
【发布时间】：2014-04-25 19:21:23
【问题描述】：

我已将 accounts-ui-bootstrap-3 包添加到我的 Meteor 应用程序中，但似乎无法使下拉菜单正常工作。我正在使用以下软件包：

标准应用程序包

不安全

保留输入

铁路由器

http

标签

bootstrap-3

accounts-ui-bootstrap-3

账户密码

账户-推特

这是供参考的回购链接 - https://github.com/Ja5onHoffman/mRoute

还有 {{loginButtons}} 标签所在的模板：

<template name="navBar">
<nav class="navbar navbar-default" role="navigation">
  <div class="container-fluid">
    <div class="navbar-header">
    </div>
  <div class="collapse navbar-collapse">
    <ul class="navbar nav">
      <li><a href="{{pathFor 'homeTemplate'}}">Home</a></li>
      <li><a href="{{pathFor 'aboutPage'}}">About</a></li>
    </ul>
        <ul class="nav navbar-nav navbar-right">
        {{>_loginButtons }}
        </ul>
  </div>
</div> 
</nav>
</template>

我不确定问题的根源在哪里，所以如果您希望我发布其他代码部分，请告诉我。

【问题讨论】：

你运行的是什么版本的流星？我在使用 V 0.8 时遇到了同样的问题
我更新到 0.8 仍然有问题。链接显示但没有下拉菜单。
下面有一个解决方案，但不漂亮
这里取得了一点进展。 .dropdown-menu 类在呈现下拉菜单时在两个不同的位置包含一个 display:none 属性。如果您在它显示的开发工具中关闭此功能，则不确定如何在 accounts-ui-bootstrap-3 文件中更改此功能，因为所有 .styl 文件都不包含 display: none for .dropdown-menu。

标签： javascript twitter-bootstrap meteor

【解决方案1】：

使用 accounts-ui-bootstrap-3 blaze 分支和 {{>_loginButtons }}

更新为显示 smart.json：

{ "packages": {
    "spin": {},
    "bootstrap-3": {},
    "iron-router-progress": {
      "git": "https://github.com/Multiply/iron-router-progress.git",
      "branch": "blaze-integration"
    },
    "fullcalendar": {},
    "moment": {},
    "bootstrap-3-timepicker": {},
    "iron-router": {},
    "accounts-ui-bootstrap-3": {
      "git": "https://github.com/mangasocial/meteor-accounts-ui-bootstrap-3",
      "branch": "blaze"
    },
    "mailgun-api": {},
    "paypal": {},
    "roles": {},
    "autocomplete": {}
  }
}

之后还要执行 Meteor 更新

【讨论】：

跟_有什么关系，我觉得{{> loginButtons }}就够了
@iAmME 它说在我相信的 blaze 布局中使用 _。它对我有用。我想我在控制台中遇到了一个错误，指的是 Spark。
@JHof 不知道该告诉你什么。我将编辑我的回复，向您展示我的 smart.json 订单
重温这个。随着@Chris 的更改和 smart.json 显示登录/上链接，但它没有样式，并且下拉菜单不会在点击时出现。其他人
@JHof 我现在在其他应用上也遇到了同样的问题

【解决方案2】：

这是一个临时且丑陋的解决方案。呸。

访问Bootstrap-Customize
制作一个只包含 dropdown.js 的自定义 Bootstrap
将该文件的内容复制到您的Clients目录下的一个js文件中，例如/Client/main.js
承认这是一个非常丑陋的补丁，但继续开发

【讨论】：

【解决方案3】：

我之前遇到过这个问题，我自己找到了解决方案。只需运行mrt remove bootstrap 和meteor remove bootstrap。如果你有同样的问题。这可能会有所帮助。

【讨论】：

遇到了同样的问题，因为useraccounts:bootstrap 包与此包冲突。