Question

我尝试单击按钮时尝试更改背景，并在尝试单击其他按钮时更改为默认颜色。我用这个

附上了我的代码

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);
    });

我需要你的帮助来解决这个问题。提前致谢

Answer 1

请参阅此http://jsfiddle.net/RuE9N/

Answer 2

对于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'));

我希望这会有所帮助：）

Jquery背景颜色不起作用？

2 个答案: