如何在Bootstrap Modal对话框中显示URL：单击按钮

我必须在模态窗口中加载页面（内部URL）。 我一直在使用window.showModalDialog（url，null，features），但这在Safari，Chrome上无法正常工作。 所以我们决定使用Bootstrap的modal dialog。 我无法完成这项工作。 我有什么想法可能做错了吗？

//imports    //activate content as modal $(document).ready(function(){ $('#test_modal').modal({ }); } ....... ....... $("#btnSubmit").click(function(){ var url = constructRequestURL(); $('#test_modal').modal(data-remote=url,data-show="true"); }); ----- ----- 
  

Answer 1

如果你要继续沿着引导路径继续，你可以看看这里： jsfiddle – Bootstrap 2.3.2模式中的远程URI

请注意，URL需要位于同一个域中（尽管您提到它是“内部”），或者远程站点的Access-Control-Allow-Origin设置需要允许您的域。 所以请记住，小提琴演示实际上无法从example.com加载内容。

 Launch modal 
 
  ×  
Modal header
 
 
  
 
 Close 
  

您不需要为此编写任何自定义JavaScript – Bootstrap将根据data-remote =“http://example.com/whatever”和data-target =“＃myModal”等数据属性知道该做什么等等

有关详细信息，请参阅Bootstrap模式文档的相关部分…

编辑：事实certificate，动态更改远程URL并不是那么容易。 希望这个答案能够进一步帮助你。

Answer 2

或者你可以使用花式盒子。 它简单干净。

看看这里： http ： //fancyapps.com/fancybox/3/docs/#ajax

  AJAX content