-1

ボタンをクリックすると背景を変更し、別のボタンをクリックしようとするとデフォルトの色に変更しようとしています。私はこれで私のコードを添付しました

そのためのPHP動的コード：

<ul id="VerColMenu">
<?php 
      echo '<li class = result>';
    echo '<a href="#" class="direct-link">'.$B->getAttribute('TITLE').'</a>';
    echo '<input type="hidden" name="menu-id" value="'.$u.'"/>';
    echo '<input type="hidden" name="slider" value="'.$B->getAttribute('SLIDER').'"/>';
    echo '<input type="hidden" name="min" value="'.$B->getAttribute('MIN').'"/>';
    echo '<input type="hidden" name="max" value="'.$B->getAttribute('MAX').'"/>';
        echo '</li>';  ?>   </ul>

ダイレクトリンククラスを使用したボタンのクリック機能:

 $('.direct-link').bind('click',function(){

        var $elem = $(this); 
        var oldBG = $elem.css('background-color');
        $elem.css('backgroundColor', '#FF0000');

    if(!$(this).parents('.sub-menu').length){

      $('.sub-menu').hide(); 

        }               
       //     $(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});                   

        var $current=$(this).parent();
        var id=parseInt($current.find('input:hidden[name=menu-id]').val());
        var slider=$current.find('input:hidden[name=slider]').val();
        var min=parseInt($current.find('input:hidden[name=min]').val());
        var max=parseInt($current.find('input:hidden[name=max]').val());            
        button_clk(id, slider, min, max);
    });

この問題を解決するにはあなたの助けが必要です。前もって感謝します

4

2 に答える 2

0

jQueryの.css関数の場合、JavaScriptの名前だけでなくCSSのような名前も使用できます。つまり、次のように入力できます。

$elem.css('background-color', '#FFFF00');

JS変数の代わりに、タグのHTML5データ属性にデフォルトの色を保存することもできます。例：

$elem.attr('data-color', $elem.css('background-color'));

もう一度使用したい場合は、次のことができます。

$elem.css('background-color', $elem.attr('data-color'));

これがお役に立てば幸いです:)

于 2012-04-18T07:57:15.883 に答える
0

これを参照してくださいhttp://jsfiddle.net/RuE9N/

于 2012-04-18T07:51:33.587 に答える