我沒有得到的模態彈出自舉3

這是我寫的代碼。我已經檢查過與此相關的查詢，在其他平臺和論壇上，類似的編碼正在工作，但不適合我我沒有得到的模態彈出自舉3

<div style="text-align: center; width: 100%"> 
    <button style="position: absolute; top: 50%" type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">SUBSCRIBE</button> 
</div> 
<!-- Modal --> 
<div class="modal" id="myModal" role="dialog" tabindex="-1" aria-hidden="true"> 
    <div class="modal-dialog" role="document"> 
     <div class="modal-content"> 
      <!-- modal header --> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      </div> 

      <!-- modal body --> 
      <div class="modal-body"> 
       <form role="form"> 
        <div class="form-group"> 
        <input type="email" class="form-control" placeholder="Email"> 

        </div> 
       </form> 
      </div> 

      <!-- modal footer --> 
      <div class="modal-footer"> 
      </div> 
     </div> 
    </div> 
</div>

來源

2015-07-10 Satyam Vashishth

請瑞普中的jsfiddle你的問題，所有的外部依賴包括在內。 –

我發佈的代碼是在jsfiddle上工作。 Modal不會在Chrome或任何其他瀏覽器中彈出？ –

您是否包含bootstrap.js？（優選地在主體的端部）

來源

2015-07-10 05:16:33

你指的是這個嗎？ –

爲了獲得更好的結果，至少在發展模式，下載源代碼，包括到您的項目。所以，我建議從官方頁面下載引導和包括結束標記 –

前bootstrap.js或bootstrap.min.js文件收身標記它的工作之前添加bootstrap.js後。我不知道爲什麼它，而bootstrap.js是頭標記沒有工作？ –

下面是它的工作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> 
 

 

 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 

 
<div style="text-align: center; width: 100%"> 
 
    <button style="position: absolute; top: 50%" type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">SUBSCRIBE</button> 
 
</div> 
 
<!-- Modal --> 
 
<div class="modal fade" id="myModal" role="dialog" tabindex="-1" aria-hidden="true"> 
 
    <div class="modal-dialog" role="document"> 
 
    <div class="modal-content"> 
 
     <!-- modal header --> 
 
     <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     </div> 
 
     <!-- modal body --> 
 
     <div class="modal-body"> 
 
     <form role="form"> 
 
      <div class="form-group"> 
 
      <input type="email" class="form-control" placeholder="Email" /> 
 
      </div> 
 
     </form> 
 
     </div> 
 
     <!-- modal footer --> 
 
     <div class="modal-footer"></div> 
 
    </div> 
 
    </div> 
 
</div>

來源

2015-07-10 05:29:51 Adnan

我沒有得到的模態彈出自舉3

回答

相關問題