Question

我有一个需要使用ajax和cookie的问题，因此我需要使用完整的jquery库。我正在使用的导入是这样的：

<script src="https://code.jquery.com/jquery-3.4.0.js"></script>

但是，我有一个模态，如果没有引导程序库，.modal命令将无法正常工作，如下所示：

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

HTML代码

<input type="text" name="codigoProduto" id="codigoProduto">

              <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body">
                                            ...
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                        <button type="button" class="btn btn-primary">Save changes</button>
                                    </div>
                                </div>
                            </div>
                        </div>

jQuery

$(document).ready(
$("#codigoProduto").on('dblclick',function() {        
    $("#exampleModal").modal("show");

})
);

如果仅保留Bootstrap库3.3.1，则代码正常工作。

进口：

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.0.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

Answer 1

您正在尝试使用没有引导程序的引导程序属性？如果您不想使用引导程序，则不能使用data-dismiss或.modal()。

相反，您可以执行以下操作：

$("#exampleModal").show();

要隐藏起来，您可以执行以下操作：

$("exampleModal").removeAttr("style").hide();

但是大多数类都是从引导程序获取的，我不明白为什么您不想导入引导程序？

jQuery完整版3.4，不支持.modal

1 个答案: