Question

我确实在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>

你可以帮我吗？

Answer 1

这很容易，只需要在特定的li元素中添加一个id，然后使用jQuery捕获click事件以显示模态

Answer 2

使用所谓的触发器打开Bootstrap模式。在您的情况下，您所要做的就是在标签上添加两个属性，如下所示：

<li><a href="#" data-toggle="modal" data-target="#modalAgrupacion"><span class="glyphicon glyphicon-check"></span> Asistencia técnica</a></li>

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

2 个答案: