0

私の目的のために、私はできるだけ早くdivの高さを設定する必要があります。

イベントの使用はdocument.ready()十分に速くないので、divのインラインCSSスタイルを設定したいと思います。

どうすればこのようなことを達成できますか？

<div id="map-container" style="height:javascript(getwindowheight)px;">
    <div id="map">

    </div>
</div>

function getwindowsheight() {
    return window.height;
}

助言がありますか？

4

4 に答える 4

4

動的にしたいので、次のイベントに注意する必要があります。

  • ウィンドウのサイズ変更
  • ウィンドウ準備完了

最初にHTMLを設定します。

<div id="map-container"></div>

次に、JavaScript内で、それらを検出する関数を設定します。

var applyMapContainerHeight = function() {
  var height = $(window).height();
  $("#map-container").height(height);
};

document.ready(function() {
  applyMapContainerHeight();
});

$(window).resize(function() {
  applyMapContainerHeight();
});
于 2012-11-13T19:20:35.083 に答える
0

jQueryがスクリプトファイルである場合、HTMLの最初に含まれているので、div宣言の直後にスクリプトを配置します。

<div id="map-container">
    <div id="map">

    </div>
</div>
<script type="text/javascript">
    $("#map-container").height(getwindowsheight());
    function getwindowsheight() {
        return window.height;
    }
</script>
于 2012-11-13T19:15:04.887 に答える
0

次に、document.readyを使用しないでください

divの後にjsを実行するだけです

<div id="map-container">
    <div id="map">

    </div>
</div>
<script type="text/javascript">
$('#map-container').css({ height: 'your height'});
</script>
于 2012-11-13T19:15:11.357 に答える
0 
<div id="map-container">
    <div id="map">
    </div>
</div>

<script type="text/javascript">
document.getElementById("map-container").style.height= $(window).height() + "px";
</script>
于 2012-11-13T19:27:10.570 に答える