2

条件がjquery変数「my_color」に設定されているjavascript三項演算子を使用してdiv idのcssルールをシャッフルする方法

jquery:

<script type="text/javascript">
  $(document).ready(function() {
      $("#my_div")
     .removeClass("horizontal vertical")
     .addClass( ['red', 'blue', 'green', 'gray'].indexOf(my_color) != -1 ? 'horizontal' : 'vertical');
});
</script>

上記のように、私のクラスは"my_color"、条件の特定の色の値に対して水平から垂直にシャッフルします。left同じ条件で、リスト項目のfloathorizontalを.my css style-sheet にリスト項目 "#my_div li" を含めnoneてシャッフルしたい。vertical

CSS:

#my_div li{float:left}

同じ三項条件演算子を使用するために複数のCSSをシャッフルするにはどうすればよいですか?

4

2 に答える 2

1

このようなものですか？

<style>
.float_left { float:left; }
.float_none { float:none; }
</style>
<script type="text/javascript">
  $(document).ready(function() {
      $("#my_div")
     .removeClass("horizontal vertical float_left")
     .addClass( ['red', 'blue', 'green', 'gray'].indexOf(my_color) != -1 ? 'horizontal float_left' : 'vertical float_none');
});
</script>
于 2013-01-31T10:47:32.177 に答える
1

これに CSS を使用しない理由:

.horizontal li {
    float: left;
}
.vertical li {
    float: none;
}
于 2013-01-31T10:48:39.307 に答える