Question

有没有办法将一个带有jQuery的addClass的类添加到datepicker中日期的锚元素？

例如，每次在内联日期选择器实例上单击日期时，我希望边框为红色（此datepicker实例未分配给输入元素）。如果之后再次单击，颜色可以返回透明（或原始颜色。）我尝试使用onSelect，但没有办法获得日期的特定锚点;所以我试过

$('td a.ui-state-default').live( 'click', function () {})

当我使用hasClass，addClass和removeClass来实现我想要的效果时，该元素显然具有类 - 但是要么还原/覆盖，要么根本不链接正确的样式规则。关于如何使这种效果起作用的任何建议？

Answer 1

JS

$('.ui-state-default').click(function(){
    if($(this).hasClass('red')){
        $(this).removeClass('red');
    }else{
        $(this).addClass('red');
    }
});

CSS

.red { border: 1px solid #f00; }

Answer 2

你可以用直接的CSS做到这一点。

table.ui-datepicker-calendar a.ui-state-default.ui-state-active {
    border: 2px solid red;
}

演示：http://jsfiddle.net/mattball/N7wpE/

jQuery Datepicker onSelect addClass

2 个答案: