Javascript 电子模式窗口消失

Javascript 电子模式窗口消失,javascript,twitter-bootstrap,electron,Javascript,Twitter Bootstrap,Electron,我正在测试构建应用程序的电子方式,目前我遇到了一个问题: 我想显示一个模式对话框,但一旦完成渲染,它就会消失。它可以在普通浏览器中正常工作,但在electron(chromium)窗口中则不行 modal是W3schools上的引导程序: <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog">

我正在测试构建应用程序的电子方式,目前我遇到了一个问题:

我想显示一个模式对话框,但一旦完成渲染,它就会消失。它可以在普通浏览器中正常工作,但在electron(chromium)窗口中则不行

modal是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 -->

上面的方法是从一个渲染进程atm调用的,但是从main调用它时会看到相同的行为!我忽略了什么?

为了找出问题所在,我决定重写整个应用程序。它现在被重写为一个单页应用程序。是的,模态窗口按预期工作。我的建议是,它以前是从错误的过程中调用的,因此在呈现时就消失了


我不会接受我自己的答案,因为这显然不是我问题的解决方案,但也许它可以帮助其他人找到他们的问题!;)

为了找出问题所在,我决定重写整个应用程序。它现在被重写为一个单页应用程序。是的,模态窗口按预期工作。我的建议是,它以前是从错误的过程中调用的,因此在呈现时就消失了



我不会接受我自己的答案,因为这显然不是我问题的解决方案,但也许它可以帮助其他人找到他们的问题!;)

嗨,对我来说,我的modal没有出现,为此,我需要安装任何其他modal插件才能正常工作吗?@SiddaramH-请参阅我在OP中的评论。尝试安装bootstrap-dailog.js您有可以添加到此问题的SPA代码吗?这可能对其他人有帮助。@tale852150,正如我在第一篇文章中提到的,我正在使用W3schools的例子。我所做的更改是将代码移动到index.html中,而不是单独的文件中。通过这种方式,我成功地避免了模式问题,但我还没有100%地弄清楚为什么会这样。现在我已经很久没有参与那个项目了PHi,对我来说,我的modal没有出现,为此,我需要安装任何其他modal插件才能正常工作吗?@SiddaramH-请参阅我在OP中的评论。尝试安装bootstrap-dailog.js您有可以添加到此问题的SPA代码吗?这可能对其他人有帮助。@tale852150,正如我在第一篇文章中提到的,我正在使用W3schools的例子。我所做的更改是将代码移动到index.html中,而不是单独的文件中。通过这种方式,我成功地避免了模式问题,但我还没有100%地弄清楚为什么会这样。现在我已经很久没有参与那个项目了PI无法使用Electron将此模式显示在我的引导web应用程序中。它根本没有出现,调试器抱怨需要bootstrap-dailog.js。安装bootstrap-dailog.js后,它现在抱怨未捕获的TypeError:无法读取bootstrap-dialog.js上未定义的属性“Constructor”:41@tale852150您是否在引导之前加载引导对话框?“引导”对话框假定已加载引导。注:这与我的问题无关,tho!:我正在加载引导程序后加载引导程序对话框。没有任何代码很难说!您应该创建一个单独的问题,以便其他人可以帮助您解决问题!:)可以。。。thxI无法使用Electron将此模式显示在我的引导web应用程序中。它根本没有出现,调试器抱怨需要bootstrap-dailog.js。安装bootstrap-dailog.js后,它现在抱怨未捕获的TypeError:无法读取bootstrap-dialog.js上未定义的属性“Constructor”:41@tale852150您是否在引导之前加载引导对话框?“引导”对话框假定已加载引导。注:这与我的问题无关,tho!:我正在加载引导程序后加载引导程序对话框。没有任何代码很难说!您应该创建一个单独的问题,以便其他人可以帮助您解决问题!:)可以。。。谢谢
$("#myButton").on("click", function(){
  $("#myModal").modal('show');
});