0

こんにちは素晴らしいコミュニティ、

JQuery を使用して非常に単純な数学を実行しようとしていますが、数学構文を含むチートシートが見つかりません (これは、私がやろうとしていることに関連しています)。足し算と掛け算はできるけど、引き算が苦手！

私がする必要があるのは、(ビューポートの合計幅 - (241px + (高さ * 0.32))) の値を持つ「#photo」にスタイルを割り当てることです。このコードは、ビューポートの合計幅を正常に取得し、#photo の幅として割り当てています。

$(document).ready(function(){
    var width = $(window).width(); 
    $('#photo').css('width', width);
});

しかし、 ('width', (width- (value + value))) で試したものは何も機能しませんでした.誰かが減算とネストされた方程式の構文を教えてもらえますか?

または、(height*0.32) を再度計算するのではなく、(height*0.32) の出力を var に割り当てて再利用できるようにするには、幅の計算を ('width', (width-( 281px - varname)))?

(height*0.32) calc を含む関数全体は次のとおりです。

$(document).ready(function(){
    var height = $(window).height();
    var width = $(window).width(); 
    $('#menu').css('height', height);
    $('#menu').css('width', (height*0.29));
    $('#menu').css('position','fixed');
    $('#menu').removeClass('nojavascript');
    $('#novel').css('padding-left', (height*0.32));
    $('#novel').removeClass('nojavascript');
    $('#photo').css('width', width);
});

ええと、私のコードを整理する方法に関するさらなるヒントも高く評価されています。それを見るだけで、不必要な重複である可能性があるいくつかのことが推測できます!

リクエストごとに編集：これが私が今取り組んでいる減算の問題です：

  $('img').css('width', (width - (281+(height*0.32))) + 'px');

今私が取り組んでいる問題は、img の高さを計算して 4:3 の写真の比率を維持する方法です! でももう4時近くだから朝まで待たなきゃいけない。

4

1 に答える 1

2

フォーマットについては、いくつかあります。jQueryはCSSのオブジェクトを受け取ることができるため、すべてを1回で渡すことができます。次に、キーが有効なjavascript識別子（「padding-left」を参照）でない場合にのみ、その周りに引用符が必要です。css()第3に、jQueryオブジェクトがチェーンされるため、呼び出しをremoveclass()インラインで追跡できます。そして最後に、インデントは本当に、本当にあなたの友達です。

そして最後に、heightandwidth関数は裸の整数を返しますが、このcss()関数では単位を含める必要があります。最も基本的な単位であり、とによって返される単位heightはwidthピクセルです。

$(document).ready(function() {
    var height = $(window).height(), width = $(window).width();
    $('#menu').css({height: height + 'px', width: (height * 0.29) + 'px', position: 'fixed'})
        .removeClass('nojavascript');
    $('#novel').css({'padding-left': (height * 0.32) + 'px'})
        .removeClass('nojavascript');
    $('#photo').css({width: width + 'px'});
 });
于 2011-09-01T23:01:22.433 に答える