javascript – 在悬停时带有可点击弹出窗口的fullcalendar

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在悬停时带有可点击弹出窗口的fullcalendar，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含914字，纯文字阅读大概需要2分钟。

内容图文

我需要像this one一样悬停完整日历.

尝试使用qtip的完整日历,但是当鼠标离开现场时,无法通过点击弹出它的disappers.

这是一个similar example但它需要创建一个像上面例子那样的可点击弹出窗口

$(document).ready(function() {

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();

    var events_array = [
        {
            title: 'Test1',
            start: new Date(2012, 8, 20),
            tip: 'Personal tip 1'
        },
        {
            title: 'Test2',
            start: new Date(2012, 8, 21),
            tip: 'Personal tip 2'
        }
    ];

    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        selectable: true,
        events: events_array,
        eventRender: function(event, element) {
            element.attr('title', event.tip);
        }
    });
});

解决方法:

使用Bootstrap工具提示插件http://getbootstrap.com/javascript/#tooltips.然后在eventRender里面回调写下面的内容：

 eventRender: function(event, element) {
      $(element).tooltip({title: event.title});             
  }

这会奏效

内容总结

以上是互联网集市为您收集整理的javascript – 在悬停时带有可点击弹出窗口的fullcalendar全部内容，希望文章能够帮你解决javascript – 在悬停时带有可点击弹出窗口的fullcalendar所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端