1

jqueryを使用して、特定のdivクラスを持つ一連の要素のcss幅を手動で記述したいと思います。

ドキュメントの幅を要求し、それを変数として記録してから、その変数を新しいcss'width'ルールに渡そうとしています...しかし、私のjqueryスキルは少し貧弱です

http://jsfiddle.net/ZEcCw/

何か案は？

4

5 に答える 5

2

現在、幅を文字列リテラル「fiftypercent」として設定しています。つまり、変数 fiftypercentを意味します。また、セレクターは文字列である必要があります。

$('.block').css("width", fiftypercent);​

あなたが持っていたものはエラーを引き起こしたでしょう。JavaScriptを使用すると、何かが機能していないように見える場合は、常にエラーコンソールを調べることが重要です。

于 2012-07-28T14:56:08.700 に答える
1

あなたはあなたの引用を台無しにしました：

var documentWidth = $(document).width();
var fiftypercent = documentWidth /2;
$(".block").css("width", fiftypercent);

セレクター（.block）の前後に引用符を追加し、変数を参照するためにfiftypercentの前後に引用符を削除したことに注意してください。

于 2012-07-28T14:56:38.063 に答える
1

これを試して：

var documentWidth = $(document).width();
var fiftypercent = documentWidth /2;
$(".block").each( function() { $(this).css("width",fiftypercent + "px") });

これにより、クラス「.block」のすべての要素に目的の幅が与えられます。多分あなたはこれを考慮すべきです：

$(".block").each( function() { $(this).css("width","50%") });
于 2012-07-28T14:57:28.667 に答える
0

これをやってみてください

var documentWidth = $(document).width();
var fiftypercent = documentWidth /2;
$('.block').css("width",fiftypercent)​​​​​​​​​​
于 2012-07-28T14:57:50.493 に答える
0

間違った場所で引用符を使用しました。ユーザーがウィンドウのサイズを変更するときにdivのサイズを変更する場合は、次のことを試すことができます。

$(window).resize(function(){
  var doc = $(document).width();
  $(".block").css("width", (doc / 2) );  
}).resize()
于 2012-07-28T15:08:10.527 に答える