Question

我在下面使用此代码在IFrame中显示报告

HTML

<div id="dialogGenerateGL">
<div>
    <iframe id="frmGLs" style="width: 800px; height: 600px; border: 2px solid black; margin: 10px auto;">
    </iframe>
</div>

JS

$("#Button").click(function(){
 var url = url;
 $("#dialogGenerateGL").dialog("open");
 $("#frmGLs").attr('src', url);
});


$("#dialogGenerateGL").dialog({
    autoOpen: false,
    height: 'auto',
    width: 'auto',
    modal: true
 });

单击按钮时，只显示对话框。

Answer 1

您需要定义var url = 'http://domain.com/path/to/the/report.html'现在可以使用，请参阅代码段。

段

$("#btn1").click(function() {
  var url = 'http://example.com/';
  $("#dialogGenerateGL").dialog("open");
  $("#frmGLs").attr('src', url);
});


$("#dialogGenerateGL").dialog({
  autoOpen: false,
  height: 'auto',
  width: 'auto',
  modal: true
});

<link href='https://cdn.jsdelivr.net/jquery.ui/1.11.4/jquery-ui.min.css' rel='stylesheet'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<button id='btn1'>Dialog</button>
<div id="dialogGenerateGL">
  <div>
    <iframe id="frmGLs" style="width: 800px; height: 600px; border: 2px solid black; margin: 10px auto;">
    </iframe>
  </div>

Answer 2

如您所说，只显示您的对话框，因为您在将网址添加到iframe之前调用了对话框。

要解决此问题，首先需要将网址添加到iframe，然后调用对话框。

那是

var locale = navigator.languages && navigator.languages[0] || // Chrome and Firefox
           navigator.language ||   // All browsers
           navigator.userLanguage; // IE <= 10

报告未显示在IFrame中

2 个答案:

段