下拉列表中的模式不起作用

Question

我正在尝试将 link 放入下拉列表中的模式。这个 link 这里工作正常。

 <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 框架。

感谢任何意见

Answer 1

我已将您的 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/

下拉列表中的模式不起作用

Modal inside a dropdown list is not working

html

css

list

modal-dialog

dropdown