javascript - JavaScript 変数を使用して JQuery でスタイルを設定する

Question

次のコード サンプルが機能しません

var iZoomValue = Math.round(window.innerWidth/12.5);

$('body').css("zoom",iZoomValue);

ここで私が間違っていることは何ですか？

CSS ズームに関する詳細情報

Answer 1

ドキュメントの準備ができたときに、コードが起動されていることを確認してください。

$(document).ready(function(){
 // code here
});

これはCSS3zoom仕様のかなり新しい機能であり、現時点ではすべてのブラウザーでサポートされているわけではないことに注意してください。

これが実際の例です（Chromeで動作します）

Answer 2

OPがハードコーディングされた値を使用すると機能すると述べているため、jQuery document.readyでそれを実行しても解決するかどうかはわかりません。

$('body').css("zoom","82");

私の感じでは、iZoomValue があなたが思っているように設定されていないということです。おそらく、アラートまたは console.log がこれをアサートするのに役立ちますか?

または、jQuery css メソッドが文字列パラメーター値を受け入れること (ハードコードされた例のように)。iZoomValue は数値になるため、結果は次のようになります。

$('body').css("zoom",82);

これをアサートするために、パラメーターとして整数を使用してハードコードされた例を使用する価値があるかもしれません。

お役に立てれば