模態窗口消失在電子

我測試了構建應用程序的的電子方式，而我目前停留在一個問題：模態窗口消失在電子

我要顯示一個模式對話框，但一旦它的完成渲染消失。它在常規瀏覽器中正常工作，但不在電子（鉻）窗口中。

模態是W3Schools的發現自舉一個：

<!-- Modal --> 
     <div class="modal fade" id="myModal" role="dialog"> 
     <div class="modal-dialog"> 
      <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
       <h4 class="modal-title">Modal title</h4> 
      </div> 
      <div class="modal-body"> 
       <p>One fine body&hellip;</p> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="button" class="btn btn-primary">Save changes</button> 
      </div> 
      </div><!-- /.modal-content --> 
     </div><!-- /.modal-dialog --> 
     </div><!-- /.modal -->

，並且該方法調用它是：

$("#myButton").on("click", function(){ 
    $("#myModal").modal('show'); 
});

上述方法是從一個呈現進程大氣壓調用，但相同的行爲從main調用時看到！我忽略了什麼？

來源

2016-03-08 chrisv

我無法使用Electron將此模式顯示在我的Bootstrap Web應用程序中。它根本沒有出現，調試器抱怨需要bootstrap-dailog.js。安裝bootstrap-dailog.js後，它現在抱怨* Uncaught TypeError：無法讀取引導程序對話框.js中未定義的屬性'構造函數'：41 * – tale852150

@ tale852150是否在加載引導程序對話框之前進行引導？引導程序對話框假定引導程序已經加載。注意：這與我的問題無關！：P – chrisv

我在加載bootstrap之後加載bootstrap-dialog。 – tale852150

只是爲了找到問題，我決定重寫整個應用程序。它現在改寫爲單頁應用程序。是的，模式窗口按預期工作。我的建議是，它之前是從錯誤的過程中調用的，因此一旦它被渲染就會消失。

我不會接受我自己的回答，因爲它顯然不是我的問題的解決方案，但也許它可以幫助其他人找到他們的問題！ ;）

來源

2016-03-16 18:32:46 chrisv

嗨，對我來說，我的模式沒有顯示，爲此，我需要安裝任何其他模式插件，使其工作？ –

@SiddaramH - 請參閱我在OP上面的評論。嘗試安裝bootstrap-dailog.js – tale852150

您是否有可以添加到此問題的SPA代碼？這可能對其他人有幫助。 – tale852150

模態窗口消失在電子

回答

相關問題