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