1

与这篇文章类似，其中一个答案提供了这个 jsfiddle，我想突出显示我的引导日期选择器的整个一周，而不是 jQuery UI。

我的代码目前是这样的：

$('.datepicker-days tbody tr').live('mousemove', function () {
    $(this).find('td day').addClass('highlight');
});
$('.datepicker-days tbody tr').live('mouseleave', function () {
    $(this).find('td day').removeClass('highlight');
});

据我所知，“突出显示”不是要添加和删除的正确类。

datepicker CSS 文件中悬停单元格的选择器是：

.datepicker td.day:hover { background: #eeeeee; cursor: pointer; }

有没有办法将“悬停”添加为“类”？

4

3 回答 3

2

您可以添加任何您想要的课程。如果您想要与显示的悬停规则相同的 css，只需为您的类添加一个新规则并使其足够具体，以使其他 css 规则不会超过它的排名。您可以检查适用于浏览器控制台中任何元素的所有规则

示例 CSS：

 .datepicker td.highlight { background: #eeeeee; cursor: pointer; }

使用mousemove不太合适，改为mouseenter

于 2012-11-12T22:23:24.423 回答
0

我认为你应该使用mouseenter而不是mousemove

于 2012-11-12T22:25:22.943 回答
0

如果您只想在一个日期选择器上应用一个星期选择器突出显示，不幸的是，它通过使用这个应用到项目内的所有日期选择器上：

 .datepicker td.highlight { background: #eeeeee; cursor: pointer; }

它发生在我身上，因为我这样做了。

脚本

$('#weeklyDatePicker').on('click', function () {

        if ($('.datepicker').hasClass('one') == false) {
            $('.datepicker').addClass('one');
        }           
    });

风格

   .one{
}



.one tr:hover{
  background-color: #a8a8a8;
}
于 2017-02-23T07:25:13.780 回答