Here's私がこれを試しているページ。jQueryを使用してサイドバーDIVの高さを兄弟コンテンツDIVと同じに設定する - 私のために働いていない
私はすべてCSSのハックで同じ高さに見えるように自分のdivを手に入れました。今、私はページの主な内容よりも長くならないように、右側のサイドバーの高さを設定しようとしています。
これが今のページのスクリプトです：
<script type="text/javascript">
$(".Right2").css({'height':($(".Content").height()+'px')});
</script>
これは明らかに、動作しません。私が欲しいのは、.Contentと同じ高さの私にとっては、私にとっては、それは動的に決定される必要があります。
誰かが女の子を助けることができますか？ありがとう！
（もちろん、これはまだ私の製品ではありません。私はまだレイアウトで離れてバッシングしています。）
divのは、あなたの高さをターゲットに、それはセットまたは流体の高さを持っているのですか？あなたが特定のクラスを持つ要素を選択している上に、あなたのコードでは
<script type="text/javascript">
$(document).ready(function(){
$("#Trial2").css('height',$("#Trial1").height());
});
</script>
：
はこれを試してみてください。より多くの要素が同じクラスを持つことができるので、$(".myClass")は、単一のオブジェクトではなく配列を返すことがあります。上記の例のようにIDを使用すれば、将来の問題を取り除くことができます！
もちろん、DOMの準備ができたらコードを実行することを忘れないようにしてください。
私は電子商取引会社が作った何かをハッキングしています。なぜIDではなくクラスに列を設定するのか分かりません。その「試行」は、私がcssファイルを検索して何も見つけずに、彼らが参照したIDがジャックを参照していたかどうかを確認していたことです。正直なところ、Trial1とTrial2を削除してLeft2、Right2、およびContentをIDにする必要があります。なぜなら、そのうちの1ページしか存在できないからです。 – Genevieve
彼らはたぶんHTMLクラスとIDの知識が不足していました。あなたがプロジェクトを引き継いでこれらの問題をすべて解決したことをうれしく思います:) jQueryを使って楽しんでください、それは素晴らしいです！ :)上記のコードがあなたのために働いていたら、それを答えとして受け入れてください！ – papaiatis
コードは正常に動作します。ラップするだけで済みます。 readyまたはにコードをラップしないと、コード実行時にDOM要素が存在しません。だから何も起こらない。
<script type="text/javascript">
$(document).ready(function() {
$(".Right2").css({'height':($(".Content").height()+'px')});
});
</script>
ありがとうございます！私は6年前にweb devをやめてしまいました。これがjQueryを使った最初の試みです。私は物を実行させる方法をどこからでも探しましたが、私が見つけた例は何も見当たりませんでした。完璧！ – Genevieve
@Genevieve - あなたは大歓迎です。私の答えの左側にある緑のチェックをチェックしてください。 upvoteも良いだろう=）。 – mrtsherman
流体。私はセットが欲しい！すべてがダイナミックです。 – Genevieve