1

私はjQueryでプロジェクトに取り組んでおり、複数のCSSを選択して条件を変更しています:

if (jQuery('#1').is(":visible")) {
      jQuery('#2').css({"border-top":"0px", "border-bottom":"7px solid #0767B1"});    
      jQuery('#3').css({"display:table-cell"}); 
}

#2 css の変更のみで動作しますが、#3 を追加すると動作しなくなります。

4

3 に答える 3

3

次のようにしてみてください。

if (jQuery('#1').is(":visible")) {
      jQuery('#2').css({"border-top":"0px", "border-bottom":"7px solid #0767B1"});    
      jQuery('#3').css("display", "table-cell"); 
}

jQuery .css() メソッドは、2 つの方法で使用できます。のように見える単一の属性を操作することも.css("attribute", "value");、複数の値を操作することもできますが、書き方が異なります.css({"attribute" : "value", "attribute2" : "value"});。しかし、2番目の方法（試したように）を単一の属性にも使用できます。小さな間違いに気づきませんでしたが、Vuckoが述べたように、を囲むの:を忘れただけ"なので、この解決策はあなたが探していたものでした（しかし{ }括弧を使用するため、通常は複数の引数用です）：

jQuery('#3').css({"display":"table-cell"});

そして、私の推奨は、単一属性表記を使用することでした。

jQuery('#3').css("display", "table-cell");

于 2013-06-26T09:44:12.790 に答える
3

引用符:を外してください: 

jQuery('#3').css({                        //this is used for multiple values
    "display":"table-cell"
});

または次のように:

jQuery('#3').css("display","table-cell"); //for single values


Jquery .css() 構文の詳細

于 2013-06-26T09:44:46.050 に答える
0

jqueryを使用してCSSを変更するには、以下のコードを使用できます

// For single values :
if($('#example').css('background-color','yellow')) {
    $('#1').css("display","none");
}

// For Multiple values :
if($('#example').css('background-color','yellow')) {    // Condition code
    $('#1').css("display","none");
    $('#2').css({
      'background-color' : 'yellow',
      'font-weight' : 'bolder'
    });
}
于 2013-06-26T10:31:37.917 に答える