0

IDは同じですがクラスが異なる4つのdivがあります。

<div id="inner" class="1"></div>
<div id="inner" class="2"></div>
<div id="inner" class="3"></div>
<div id="inner" class="4"></div>

次に、divの高さをウィンドウの高さ（プラス少し）に設定するjQueryスクリプトがあります

jQuery(document).ready(function($) {
var h = $(window).height();
$('#inner') .css({'height': h+100});

ただし、これはDiv1でのみ機能し、スクリプトは次の3つのDivで機能しなくなるようです。4つのdivすべてで実行し続ける方法はありますか？

どうもありがとう

クイックエディットは明らかに新しく、クイックハンドが必要だったので、私が一緒に仕事ができる答えを私に与える時間を与えてくれた人々に感謝します。読むのはあなたの負担です、あなたはそれを読まなかったかもしれませんか？

4

3 に答える 3

8

ID は一意である必要があります。ID を一意にしないと、$("#inner") を呼び出すと最初の div のみが返されます。

HTML:

<div class="inner 1"></div>
<div class="inner 2"></div>
<div class="inner 3"></div>
<div class="inner 4"></div>

Javascript:

jQuery(document).ready(function($) {
var h = $(window).height();
$('.inner') .css({'height': h+100});
于 2012-08-22T13:49:50.553 に答える
2

これを使って

<div id="one" class="inner"></div>
<div id="two" class="inner"></div>
<div id="three" class="inner"></div>
<div id="four" class="inner"></div>

jQuery(document).ready(function($) {
    var h = $(window).height();
    $('.inner').css({'height': h+100});

ID は一意である必要があります。

于 2012-08-22T13:50:53.033 に答える
0

あなたの id タグはセマンティックではありません。1 つのページに 1 つの一意の ID タグのみが存在する必要があります。同様のクラスを追加する必要があります。

<div id="inner" class="1 inners"></div>
<div id="inner2" class="2 inners"></div>
<div id="inner3" class="3 inners"></div>
<div id="inner4" class="4 inners"></div>

jQuery(document).ready(function($) {
   var h = $(window).height();
   $('.inners') .css({'height': h+100});
}
于 2012-08-22T13:51:17.033 に答える