Question

以下代码为我提供了从数据库中提供事件的基本功能以及eventClick上事件的详细信息。但是从这段代码中，当切换到另一个视图时，我无法隐藏细节。

您可以找到两个屏幕截图。有了这个：

event has been clicked, and details are shown in a box 已单击事件，详细信息显示在月视图的框中。

切换到周视图，您可以在周视图中找到相同的详细信息..我希望它在切换视图后隐藏..

Switching from month view to week view does not hiding clicked event

代码： -

<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>

如果我点击任何一天，它会删除，因为我们有代码隐藏在其中..任何帮助表示赞赏。提前致谢

Answer 1

尝试回复viewDisplay回调...：）

在eventClick之后无法隐藏事件详细信息

1 个答案: