Question

我正在建立一个jsp动态页面，该页面显示MySQL数据库中的数据，一切正常，直到我使用模式显示一些信息，但它不会一直显示一个数据。

所以我尝试使用jquery进行一些注入，但仍然得到相同的东西

这是我的模特：

<button type="button" id="btnModal" class="btn" data-toggle="modal" data-target="#myModal"><img style="width: 25px; height: 25px" src="./Vistas/img/taxista.png"></button>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">

    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header mark">
                <h4 class="modal-title"></h4>                                                 
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <form class="" action="Controlador">
                <div class="modal-body">

                </div>

                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-danger" value="buscarFecha" data-dismiss="modal">Cerrar</button>
                </div>
            </form>
        </div>
    </div>

这是我要使用jquery注入的div：

<div id="infoModal">
    <div class="modalHeader">                              
        <h4 class="modal-title"><%=t.getNombre()%> <%= t.getNum_licencia()%></h4>
    </div>
    <div class="modalBody">
        Telefono: <%=t.getTelefono()%> <br>
        Marca de coche: <%=t.getMarcaCoche()%> <br>
        Modelo: <%=t.getModelo()%> <br>
        Matricula: <%=t.getMatricula()%> <br>
        Poblacion: <%=t.getPoblacion()%>
    </div>
</div>

这是jquery：

<script>
    $(function () {
        var $header = $("#myModal .modal-header"),
                $body = $("#myModal .modal-body");
        $("#btnModal").click(function () {
            var headerContent = $("#infoModal .modalHeader").html();
            $header.html(headerContent);
            var bodyContent = $("#infoModal .modalBody").html();
            $body.html(bodyContent);
        });
    });
</script>


https://jsfiddle.net/zc4rfpwn/

请帮助

Answer 1

您的jQuery选择器存在问题。

这里var $header = $("#myModal .modal-header")试图选择一个ID为myModal且类为.modal-header的元素。但是您没有ID为myModal的元素。

首先，您需要将ID添加到您的模式元素

然后您需要使用

在jQuery中选择该元素

var $header = $('#myModal).find('.modal-header');

如何使用jsp动态模态？

1 个答案: