Question

我试图将链接放到下拉列表中的模态中。这个链接在这里工作正常。

 <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/

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

1 个答案: