jQueryを使用して幅と高さを動的に設定する方法 質問する

jQueryを使用して幅と高さを動的に設定する方法 質問する

jQuery を使用して要素の幅と高さをdiv動的に設定したいと思います。

私は置き換えようとしていた

<div id="mainTable" style="width:100px; height:200px;"></div>

これとともに:

$("#mainTable").css("width", "100");
$("#mainTable").css("height", "200");

しかし、それは私にとってはうまくいきません。

理由を理解するのを手伝ってください。

皆さん、ありがとうございました !

問題は数字の引用符にありました。これは問題なく動作します:

$("#mainTable").css("width", 100);
$("#mainTable").css("height", 200);

ベストアンサー1

あなたはこれを行うことができます:

$(function() {
  $("#mainTable").width(100).height(200);
});

これには2つの変更があり、現在は.width()そして.height()、またdocument.readyイベントでコードを実行します。

ラッパーがない場合$(function() { })(または、ラッパー$(document).ready(function() { })を希望する場合)、要素はまだ存在しない可能性があるため、$("#mainTable")何も見つからない可能性があります...つまり、何かを実行することができません。実際の例はここで見ることができます

おすすめ記事