Question

我是JS / Html世界的新手，并试图在弹出/对话框窗口中加载一个html页面，点击html中的一些文本，但加载的页面大于poppup窗口大小，所以有滚动条。

Javascript / Jquery代码

$(document).ready(function(){
 $('.showModal2').click(function(){
      $('#popup2').dialog({width: 450,height: 450});
  });
});  

$(function(){
    $("#data").load("frontend/js/page.html"); 
});

Html代码

<div id="popup2" title="Results" style="display:none;">          
     <div id="data" style="min-width: 200; height: 400; max-width:   400; margin: 0 auto"></div>
</div>  

<a HREF="javascript::void()" class="showModal2"><font color="blue">Link</font></a>

有没有办法在弹出/对话框窗口大小（此处为l = 450＆amp; b = 450）内完全适合页面，而不使用滚动条般的裁剪页面？

Answer 1

试试这个。

$（function（）{ $（＆＃34;＃对话框＆＃34）。对话框（{ autoOpen：false，可调整大小：false，宽度：＆＃34; auto＆＃34; }）; $（＆＃34; .dialogify＆＃34;）。on（＆＃34; click＆＃34;，function（e）{ e.preventDefault（）; $（＆＃34;＃对话框＆＃34）的HTML（＆＃34;＆＃34）。 $（＆＃34;＃dialog＆＃34;）。对话框（＆＃34;选项＆＃34;，＆＃34;位置＆＃34;，{ 我的：＆＃34;中心＆＃34;， at：＆＃34; center＆＃34;， of：窗口 }）; if（$（＆＃34;＃dialog＆＃34;）。dialog（＆＃34; isOpen＆＃34;）== false）{ $（＆＃34;＃对话框＆＃34）对话框（＆＃34;开＆＃34）。 } }）; }）;

Answer 2

尝试以下代码，它适用于我：

$(function() {
    $( "#dialog-1" ).dialog({
        autoOpen: false,  
    });
    $( "#opener" ).click(function() {
        $( "#dialog-1" ).dialog( "open" );
    });
});

如何在不使用滚动条的情况下在弹出窗口（对话框）中显示html页面？

2 个答案: