Html 当用户按菜单中的选项时显示引导模式

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

我确实在bootstrap中创建了一个菜单,希望在用户点击此选项时显示一个模式:

<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">&times;</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>