0

IDを持つdivがあります。jqueryを使用してdiv htmlを変更しています。

html には、幅と高さが大きい iframe が含まれている場合があります。固定幅と高さの div が必要です。iframe のコンテンツは、div の幅と高さに合わせてサイズ変更する必要があります。

ヘルプ。

これは私がこれまでに試したことですが、うまくいきません。

<div id="myDiv"></div>

<script>
var html =  // get it from somewhere e.g. <iframe width=300px height=500px ></iframe> 

jQuery("#myDiv").attr("max-width","200px");
jQuery("#myDiv").attr("max-height","300px");

jQuery("#myDiv").html(html);

4

2 に答える 2

0

iframe のコンテンツは通常、その「親」コンテナーを認識しないため、そのコンテンツのサイズは保証されません。iframe のコンテンツのサイズを変更したい場合...同じドメインにある場合、これは JavaScript を介してのみ実現できます。または、別のドメインの場合、URL にはパラメーター/ロジックが必要であり、それらのパラメーターに基づいて JavaScript を介してコンテンツのサイズを変更します。

于 2013-06-21T14:58:17.193 に答える
0

「css」関数を使用する必要があります。attr または prop 関数ではありません。追加しようとしている max-* プロパティは css prop であるためです。

jQuery("#myDiv").css("max-width","200px");
jQuery("#myDiv").css("max-height","300px");
于 2013-06-21T14:59:27.870 に答える