如何在不使用滾動條的情況下在彈出窗口（對話框）中適合html頁面？

我是JS/Html世界的新手，並試圖在彈出/對話窗口中加載一個html頁面，點擊html中的一些文本，但加載的頁面大於彈出窗口大小，所以有滾動條。如何在不使用滾動條的情況下在彈出窗口（對話框）中適合html頁面？

使用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 & B = 450之內適合頁面）完全沒有使用滾動條像裁剪頁面？

來源

2015-03-03 Manish

-2

試試這個下面的代碼，它爲我工作：

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

來源

2015-03-03 09:46:17 Muthupriya

只有在使用「打開」的區別，但我需要對話框是有限的大小，並需要適應HTML頁面在該對話框中。這怎麼可能？任何工作示例都會對我有所幫助。 – Manish 2015-03-03 10:11:58

試試這個。。

$（函數（）{ $（「＃對話」）對話框（{ 的AutoOpen：假的，可調整大小：假的，寬度：「自動」 }）; $（「dialogify」）.on（「click」，function（e）{e.preventDefault（）; $（「＃dialog」）。html（「」）; $（「＃dialog」）。dialog（「option」，「位置」，{ 我：「中心」，在「中心」的：窗口 }）; 如果（$（「＃對話」）對話框（「ISOPEN」）== FALSE）{ 。$（「＃對話」）對話框（「開放」）。 } }）; }）;

來源

2015-03-03 14:40:28 Muthupriya

如何在不使用滾動條的情況下在彈出窗口（對話框）中適合html頁面？

回答

相關問題