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>

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

4

1 回答 1

1

尝试响应viewDisplay回调... :)

于 2012-11-29T06:42:57.517 回答