ユーザーが、私はカレンダーが消えるしたい、カレンダーの外側をクリックします場合は、CSSは:(私はCSSで初心者だと、すでにそれを嫌う初心者

Question

を集中

ここでは、カレンダーのHTMLコードです：

<div id="ctl00_MainContent_EventsCalendar" class="RadScheduler RadScheduler_Default" style="overflow-y:visible;"> 
<div class="rsTopWrap rsOverflowExpand" style="width: 1157px; "> 
<div class="rsHeader"> 
     <div class="rsDatePickerWrapper" style="overflow-x: visible; overflow-y: visible; "> 
      <div id="ctl00_MainContent_EventsCalendar_SelectedDateCalendar_wrapper" style="position: absolute; width: 220px; height: 176px; overflow-x: hidden; overflow-y: hidden; "> 
       <table id="ctl00_MainContent_EventsCalendar_SelectedDateCalendar" summary="Calendar" cellspacing="0" class="RadCalendar RadCalendar_Default rsDatePickerCalendar"> 

私が試した：

.RadCalendar_Default .rsHeader a.rsDatePickerCalendar： ホバー;

{視認性を隠さ重要 ！}

しかし、動作していません。

Answer 1

まず、visibility: hidden;の代わりに、display: none;を使用して要素を非表示にすることをおすすめします。そうしないと、望ましくない副作用が生じる可能性があります。

次に、疑似クラスはclickイベントを処理しません。ユーザが（名前が示すように）カーソルで要素をホバリングしている場合は、ただアクティブです。

$('body').bind('click', function() { 
    $(".RadScheduler", this).addClass("hide"); 
}); 

をし、このようなCSSルールを持っている：クリックで要素の外観を変更するには、次のようにjQueryを使用

.hide { display: none; }