从多个按钮

Question

我使用Materialise的sideNav（）jQuery插件切换侧面导航打开和关闭。只需一个按钮即可正常工作。

使用多个按钮时，它会在第一次按下每个按钮时起作用，但只有最后一个按钮才能在第一次按下时起作用。所有以前的按钮都需要两次点击。

这是html：

  <a href="#" data-activates="slide-out" class="btn button-collapse">Button One</a>
  <a href="#" data-activates="slide-out" class="btn button-collapse">Button Two</a>
  <a href="#" data-activates="slide-out" class="btn button-collapse">Button Three</a>

  <!-- sideNav -->
  <ul id="slide-out" class="side-nav">
    <li>Hello side nav</li>
  </ul>

重现的步骤：

• 点击＆＃34;按钮一＆＃34; （sideNav打开）
• 点击＆＃34;按钮2＆＃34; （sideNav打开）
• 点击＆＃34;按钮三＆＃34; （sideNav打开）
• 点击＆＃34;按钮一＆＃34; （无）
• 点击＆＃34;按钮一＆＃34; （sideNav打开）
• 点击＆＃34;按钮2＆＃34; （无）
• 点击＆＃34;按钮2＆＃34; （sideNav打开）
• 点击＆＃34;按钮三＆＃34; （sideNav打开）

和jQuery：

$('.button-collapse').sideNav({ edge: 'right' });

我尝试在点击之前清除该功能，将事件包装在ready（）中，并为每个按钮元素分配ID并对jQuery事件进行硬编码，但仍然无法正常工作。任何帮助表示赞赏。

这里是plunk。