0
以下代碼爲我提供了從數據庫提供事件的基本功能以及eventClick事件的詳細信息。但是從這段代碼中，當切換到其他視圖時，我無法隱藏細節。無法在事件發生後隱藏事件詳細信息
你可以找到兩個屏幕截圖。與此：
事件已被點擊，詳細信息顯示在月視圖中的一個框中。
切換到周視圖，你可以找到在一週查看相同的詳細..我希望它切換視圖後隱藏..
代碼： -
<script>
$(document).ready(function() {
$('#cal').fullCalendar({
theme: true,
height: 600,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,basicWeek,basicDay',
},
editable: true,
events: 'php/json-events.php',
eventMouseover: function(calEvent, jsEvent) {
var myFormattedDate = $.fullCalendar.formatDate(calEvent.start, "ddd, dd MMMM yyyy");
$(this).click(function(e) {
document.getElementById('des').innerHTML=calEvent.description;
document.getElementById('tim').innerHTML=myFormattedDate;
$(this).css('z-index', 10000);
$('.tooltipevetn').fadeIn('500');
$('.tooltipevetn').fadeTo('10', 1.9);
$('.tooltipevetn').css('top', e.pageY);
$('.tooltipevetn').css('left', e.pageX);
});
},
eventMouseout: function(calEvent, jsEvent) {
$(this).css('z-index', 8);
},
dayClick: function(calEvent, jsEvent){
$('.tooltipevetn').hide();
}
});
});
</script>
<body style="margin: 20px;">
<div style="width: 1000px; margin-left: 150px; ">
<div id="cal" ></div></div>
<div id="tevent" class="tooltipevetn" style="width:300px;height:130px;background:#FFFFFF;padding: 20px;position:absolute;z-index:10001;border:1px solid #CCCCCC; display: none;">
<h3 id="des"></h3>
<p id="tim"></p>
<br/><br/>
<hr/>
<a href="#">Copy to calendar</a><a href="#" style="float: right;">More Details >></a>
</div>
</body>
如果我點擊任何一天然後刪除，因爲我們有代碼隱藏在它..任何幫助表示讚賞。在此先感謝
嘗試響應[viewDisplay（http://arshaw.com/fullcalendar/docs/display/viewDisplay/）回調。 – MaxD
@MaxD謝謝..它完美的工作。發佈它作爲答案 – Raghuveer