3

「ivnt」の URL をチェックする if ステートメントがあります。div「carriage-promo」の高さをデフォルトの 0px から 40px に変更したいと思います。

クラスを追加したりクラスを削除したりしたくありません。これを達成する方法はすでに知っていますが、この問題は解決しません。

検討：

$(document).ready(function () {
 if(window.location.href.indexOf("invt") > -1) { 
    $('#promo-carriage').css{
          height: '40px'}
         }
      });

しかし、これは私にとってはうまくいきません。助言がありますか？これは構文エラーになると確信していますが、jQuery/JS は初めてです。

4

4 に答える 4

2

要約すると、キーと値のペアを 1 つだけ渡す必要がある場合は、次のように渡すことができます。

$(element).css("attribute","value");

複数の宣言を渡したい場合は、オブジェクトを使用します

$(element).css({height:"200px", width:"100px", backgroundColor: "red"});また $(element).css({height:"200px"});

2 つの例の違いに注意してください。オブジェクトでは、引用符内でキーを定義してもしなくてもかまいませんが、できれば引用符なしで JavaScript 定義を使用し、「背景色」が backgroundColor になる場所を使用する必要があります。構文も変更されます。オブジェクトでは、キーと値をダブルコロン : で区切り、異なるペアをカンマで区切ることに注意してください。

詳細については、http://api.jquery.com/css/を参照してください。

于 2013-09-03T16:03:21.350 に答える
1

括弧.css()とheight引用符を使用します。

$(document).ready(function () {
    if(window.location.href.indexOf("invt") > -1) {
        $("#promo-carriage").css("height", "40px");
    }
});
于 2013-09-03T15:51:51.107 に答える
1

css メソッドの後に左括弧がありません:

$('#promo-carriage').css({

ただし、何かを非表示/表示しようとしている場合は、height プロパティを使用しないことをお勧めします。displayCSSプロパティを使用したい。

オブジェクトの表示を変更する簡単な jQuery メソッドがあります。

$("#promo-carriage").toggle()
$("#promo-carriage").hide()
$("#promo-carriage").show()

これは素早く簡単なjsFiddle の例です。

于 2013-09-03T15:52:29.720 に答える