javascript - Bootstrap JavaScript 模式不起作用

Question

我有一个按钮，它会出现一个详细信息模式窗口，但是当我点击它时没有任何反应。有人会尝试解决这个问题吗？谢谢!

我在 header 部分有 thoose 脚本标签，其余代码在 detailsmodal.php 上

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<div class="modal fade details-1" id="details-1" tabindex="-1" role="dialog" aria-labelledby="details-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title text-center">Electron Creator Prusa i3</h4>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="center-block">
                                <img src="images/products/electron-creator-prusa-i3.jpg" alt="Electron Creator Prusa i3" class="details img-responsive">
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <h4>Részletek:</h4>
                            <p>The Electron 3D Printer Prusa i3 (iteration 3) is the newest and most current 3D Printer design by RepRap Core Developer Prusajr. The i3 incorporates lessons learned from the previous two Prusa designs, as well as other popular modern RepRap designs. The release of the Prusa i3 under the GPL license and numerous other factors (its low cost, minimal BOM, simple assembly and calibration procedures, more than adequate documentation, etc) have encouraged the further development of a growing number of Prusa i3 “variants” worldwide, with different parts, different materials and different assembly processes, but which altogether adhere to the general looks, component assembly, dimensions and functionality of the original Prusa i3.</p>
                             <hr>
                             <p>Ár: 180.000 Ft</p>
                             <p>Márka: Electron</p>
                             <form action="add_cart.php" method="post">
                                 <div class="form-group">
                                     <div class="col-xs-3">
                                         <label for ="quantity"> Mennyiség: </label>
                                         <input type="text" class="form-control" id="quantity" name="quantity">
                                     </div>
                                    <p>Raktáron: 3</p>
                                </div><br><br>
                                <div class="from-group">
                                    <label for="size"> Méret: </label>
                                    <select name="size" id="size" class="form-control">
                                        <option value=""></option>
                                        <option value="32"> 32 </option>
                                        <option value="34"> 34 </option>
                                        <option value="36"> 36 </option>
                                    </select>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-default" data-dismiss="modal"> Bezárás </button>
                <button class="btn btn-warning" type="submit"><span class="glyphicon glyphicon-shopping-cart"> Kosárhoz adás </button>
            </div>
       </div>
   </div>
</div>

Answer 1

<a href="#" data-toggle="modal" data-target="#details-1">Link to modal</a>