0

HTML でフォームのフィールドを非表示および表示する AJAX 関数があります。AJAX 関数に CSS を追加したいと考えています。

<script>
    $(function() {

        $('#advo_other').hide();
        $('#advocate').change(function() {

            var val = $(this).val();

            $('#advo_other').hide();

            switch (val) {
                case 'Other':
                    $('#advocate') // want to add css there......
                    $('#advo_other').show();
                    break; 
            }
        });
    });
</script>

スタイルは以下のとおりです。

<style type="text/css">
    .fade {
        color: #CCC;
        border-color:#CCC;
    }
</style>
4

3 に答える 3

2

次のように、Jqueryを使用して任意の要素に CSS を追加できます。

$('#advocate').css('color', '#005DAA');

または、スタイリング ルールを含むクラスを要素に追加することもできます。

$('#advocate').addClass('fade');
于 2012-09-08T11:33:55.673 に答える
1

addClass 機能を使用します。

したがって、次のようになります。

<script>
    $(function() {

        $('#advo_other').hide();
        $('#advocate').change(function() {

            var val = $(this).val();

            $('#advo_other').hide();

            switch (val) {
                case 'Other':
                    $('#advocate').addClass("fade");
                    $('#advo_other').show();
                    break; 
            }
        });
    });
</script>
于 2012-09-08T11:35:17.500 に答える
0

試す;

$(function() {
  $('#advo_other').hide();
  $('#advocate').change(function() {
    var val = $(this).val();
    $('#advo_other').hide();
    switch (val){
      case 'Other':
      $('#advocate').addClass("fade");
      $('#advo_other').show();
      break;
    }
  });
});

$('#advocate')id を持つ要素を選択するために使用されますadvocate。CSS で classed を作成して要素をスタイルすることができます。addClass("class_name")クラスのスタイリングを要素に追加したり、クラスのスタイリングを削除したりするために使用します.removeClass("class_name")。

于 2012-09-08T11:37:57.667 に答える