html - 下拉列表中的模态不起作用

我正尝试将指向我的模态的链接放在一个下拉列表中。此链接在这里工作正常。

 <li><a href="#openModal" id='rosterBtn'><span id=''class='playButtons     badge primary'><i class='fa fa-user-plus'></i></span>Add Players</a></li>

但是一旦我将其放入此处的下拉列表中

<li class = 'has-submenu'>
      <a href="#">Roster</a>
          <ul class="submenu menu vertical">

          <li><a href="#openModal" id='rosterBtn'><span id=''class='playButtons badge primary'><i class='fa fa-user-plus'></i></span>Add Players</a></li>
</ul>
</li>

它停止工作。

我正在使用Foundation CSS框架。

感谢您的输入

最佳答案

我将您的html代码#openModal更改为#addPlayerModel

<li><a href="#openModal" id='rosterBtn'><span id=''class='playButtons badge primary'><i class='fa fa-user-times'></i></span>Edit Players</a></li>

至

<li><a href="#addPlayerModel" id='rosterBtn'><span id='' class='playButtons badge primary'><i class='fa fa-user-times'></i></span>Edit Players</a></li>

https://jsfiddle.net/x59jsad9/5/

关于html - 下拉列表中的模态不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34627871/