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

【问题标题】：Modal inside a dropdown list is not working下拉列表中的模式不起作用
【发布时间】：2016-01-06 07:35:22
【问题描述】：

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

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

感谢您的任何意见

【问题讨论】：

添加你的代码 js fiddle
jsfiddle.net/barrard/x59jsad9/1 抱歉，我的互联网暂时无法正常工作。而且代码有点乱。基本上，单击外部的 Add Players 链接并弹出模式。但是“添加玩家”下拉列表中的嵌套列表没有显示模式
如果小提琴真的可以工作会更好（不要在那里放php 代码）而不仅仅是显示代码。
jsfiddle.net/barrard/x59jsad9/4
jsfiddle.net/barrard/x59jsad9/6

标签： html css list modal-dialog dropdown

【解决方案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/

【讨论】：

感谢您用新鲜的眼光看到我的简单（愚蠢）错误