Html 当用户按菜单中的选项时显示引导模式
我确实在bootstrap中创建了一个菜单,希望在用户点击此选项时显示一个模式:Html 当用户按菜单中的选项时显示引导模式,html,twitter-bootstrap,Html,Twitter Bootstrap,我确实在bootstrap中创建了一个菜单,希望在用户点击此选项时显示一个模式: <li><a href=""><span class="glyphicon glyphicon-check"></span> Asistencia técnica</a></li> 我想展示的模式是 <div class="modal fade" id="modalAgrupacion" tabindex="-1" role="di
<li><a href=""><span class="glyphicon glyphicon-check"></span> Asistencia técnica</a></li>
我想展示的模式是
<div class="modal fade" id="modalAgrupacion" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>INSAFORP</h3>
</div>
<div class="modal-body">
<h4>Evento Libre Gestión</h4>
<p>Solicitud ingresada con exito. </p>
</div>
<div class="modal-footer">
<a href="#" data-dismiss="modal" class="btn btn-danger">Cerrar</a>
</div>
</div>
</div>
</div>
&时代;
英萨福普
自由事件
请求赔偿
您能帮助我吗?这很简单,只需向特定的li元素添加一个id,然后使用jQuery捕获click事件以显示模式您打开一个引导模式,该模式被称为触发器。在您的情况下,只需在a标记上添加两个属性,如下所示:
<li><a href="#" data-toggle="modal" data-target="#modalAgrupacion"><span class="glyphicon glyphicon-check"></span> Asistencia técnica</a></li>