Meteor 实现下拉列表赢得'；不要悬停

无论出于何种原因，我的Materialize下拉菜单都不会在悬停时下拉（它们应该是默认的）

因此，我的想法是看看我是否可以用一些CSS（我的弱点之一）来强制它：

---

Arg。这是错误的。如果默认设置不起作用，我可以在CSS中强制执行吗？现在，我的Meteor版本使用的是jQuery1.11，经典方法不适用于MaterializeCSS，因为它有自己的JavaScript方法

在模板中定义

下拉按钮

和

下拉内容

，如：

<!-- Dropdown Trigger -->
<a class='dropdown-button btn' href='#' data-activates='dropdown1'>Drop Me!</a>

<!-- Dropdown Structure -->
<ul id="dropdown1" class="dropdown-content">
    <li><a href="#" class="hover-nav-finance" id="camp-dates">CAMP DATES</a></li>
    <li><a href="#" class="hover-nav-finance" id="prices">CAMP PRICES</a></li>
</ul>

现在在悬停时，它将下降，因为您定义了：

hover:true，//悬停时激活

我想你错过了

下拉按钮

部分

---

更多信息：

经典方法不适用于MaterializeCSS，因为它有自己的JavaScript方法

在模板中定义

下拉按钮

和

下拉内容

，如：

<!-- Dropdown Trigger -->
<a class='dropdown-button btn' href='#' data-activates='dropdown1'>Drop Me!</a>

<!-- Dropdown Structure -->
<ul id="dropdown1" class="dropdown-content">
    <li><a href="#" class="hover-nav-finance" id="camp-dates">CAMP DATES</a></li>
    <li><a href="#" class="hover-nav-finance" id="prices">CAMP PRICES</a></li>
</ul>

现在在悬停时，它将下降，因为您定义了：

hover:true，//悬停时激活

我想你错过了

下拉按钮

部分

---

有关更多信息：

谢谢！今天晚些时候，当我有时间回来报告时，我会尝试一下。如果我没有弄错的话，您添加的唯一内容就是dropdown（）函数中的对象。几天前，我尝试过插入{hover:true}，但没有成功。插入所有选项似乎也不起作用。@MatthewMoon别忘了将

部分添加到模板中。@MatthewMoon我在您的问题中与我们共享的代码中看不到它。如果您已经更新了代码，请更新您的问题。在第一个

中，第二个和第三个
• 是触发器，第一个是：
。除非我误解了你，谢谢！今天晚些时候，当我有时间回来报告时，我会尝试一下。如果我没有弄错的话，您添加的唯一内容就是dropdown（）函数中的对象。几天前，我尝试过插入{hover:true}，但没有成功。插入所有选项似乎也不起作用。@MatthewMoon别忘了将
部分添加到模板中。@MatthewMoon我在您的问题中与我们共享的代码中看不到它。如果您已经更新了代码，请更新您的问题。在第一个
中，第二个和第三个
• 是触发器，第一个是：
。除非我误解了你。

.nav-wrapper ul.hlight li:hover #dropdown2 {
  display: block;
}

<!-- Dropdown Trigger -->
<a class='dropdown-button btn' href='#' data-activates='dropdown1'>Drop Me!</a>

<!-- Dropdown Structure -->
<ul id="dropdown1" class="dropdown-content">
    <li><a href="#" class="hover-nav-finance" id="camp-dates">CAMP DATES</a></li>
    <li><a href="#" class="hover-nav-finance" id="prices">CAMP PRICES</a></li>
</ul>

Template.myTemplate.onRendered(function() {
    $('.dropdown-button').dropdown({
          inDuration: 300,
          outDuration: 225,
          constrain_width: false, // Does not change width of dropdown to that of the activator
          hover: true, // Activate on hover
          gutter: 0, // Spacing from edge
          belowOrigin: false, // Displays dropdown below the button
          alignment: 'left' // Displays dropdown with edge aligned to the left of button
        }
      );
}