Bootstrap modal：class =「modal fade」造成問題

我想要在我的view.ejs文件中使用引導模態教程。但class="modal fade"似乎是造成問題。如果我刪除class =「modal fade」，模式將永久顯示出來，但是如果我將它保存在代碼中，則當我單擊該按鈕時不會發生任何事情。Bootstrap modal：class =「modal fade」造成問題

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 

<!-- Modal --> 
<div id="myModal" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Modal Header</h4> 
      </div> 
      <div class="modal-body"> 
       <p>Some text in the modal.</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div>

從其他問題我發現其他人有，我試圖尋找在其他CSS文件淡入淡出，但找不到任何東西。也試過上面的代碼之前添加這一點，並沒有幫助：

.fade { 
    opacity: 0; 
    -webkit-transition: opacity .15s linear; 
    transition: opacity .15s linear; 
} 

.modal.fade .modal-dialog { 
    -webkit-transform: translate(0, 0); 
    -ms-transform: translate(0, 0); // IE9 only 
    transform: translate(0, 0); 
}

我新的網絡開發和可能丟失的東西不多，請大家幫我

來源

2015-08-25 cfl

你加載'Jquery'文件在你的代碼 –

它的自動爲如果的NodeJS我明白打開正確？ – cfl

你正在加載引導JS代碼或只是CSS？你需要JS才能工作。 'fade'類被添加到一個'click' jQuery事件淡出模態。如果您不使用JS來確保它有效，請將其用作測試：' '一旦你滿意，就下載JS並在本地加載 –

可能會有一些錯誤，你正在做的，創建你自己的小提琴並在這裏分享。我用你的代碼，它的工作正常！我剛添加的模式和褪色類它，它只有當我按一下按鈕

https://jsfiddle.net/happy2deepak/e5aukzge/

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button> 
<!-- Modal --> 
<div id="myModal" class="modal fade" role="dialog"> 
    <div class="modal-dialog"> 
     <!-- Modal content--> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal">&times;</button> 
       <h4 class="modal-title">Modal Header</h4> 

      </div> 
      <div class="modal-body"> 
       <p>Some text in the modal.</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
     </div> 
    </div> 
</div>

來源

2015-08-25 09:14:20

謝謝你的努力。我不認爲使用小提琴會顯示最新情況。因爲我們正在使用angular，sails等，所以認爲這個問題涉及的不僅僅是代碼？ – cfl

你有沒有找到解決這個問題的方法？我現在有完全相同的問題。 –

Bootstrap modal：class =「modal fade」造成問題

回答

相關問題