2016-10-06 47 views
2

我有一个按钮,它会出现一个细节模式窗口,但没有任何反应,当我点击它。有谁会请尝试解决这个问题?谢谢!Bootstrap JavaScript模式不起作用

我在标题部分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> 
+0

你链接在代码中bootstrap.css休息? – anuraj

+0

是的,我有bootstrap.min.js链接在标题部分 – FradistaFicko

+0

我说的是bootstrap.min.css!不是bootstarp.min.js – anuraj

回答

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

好的,谢谢我检查了上千次代码,并没有注意到数据目标中缺少#。 – FradistaFicko