1

この jsfiddleの回答が提供されたこの投稿と同様に、jQuery UI ではなく、ブートストラップの日付ピッカーの 1 週間全体を強調したいと思います。

私のコードは現在これです：

$('.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

ウィークピッカーのハイライトを1つの日付ピッカーにのみ適用したい場合、残念ながらこれを使用してプロジェクト内のすべての日付ピッカーに適用されます:

 .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 に答える
0

mouseenter代わりに使用する必要があると思いますmousemove

于 2012-11-12T22:25:22.943 に答える