-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

看到这个http://jsfiddle.net/RuE9N/

于 2012-04-18T07:51:33.587 回答
0

对于 jQuery 的 .css 函数,您可以使用类似 CSS 的名称以及 JavaScript 名称。那就是你可以输入:

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

您还可以将默认颜色存储在标签的 HTML5 数据属性中,而不是 JS 变量中,例如:

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

当你想再次使用它时,你可以这样做:

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

我希望这有帮助 :)

于 2012-04-18T07:57:15.883 回答