javascript - 类型错误 : Cannot read property 'extendedProps' of undefined

标签 javascript jquery

我尝试设置工具提示但出现错误

<script>

$(document).ready(function() {
 var calendar = $('#calendar').fullCalendar({


  header:{
   left:'prev,next today',
   center:'title',
   right:'month,agendaWeek,agendaDay'
  },
   eventRender: function(info) {
      var tooltip = new Tooltip(info.el, {
        title: info.event.extendedProps.description,
        placement: 'top',
        trigger: 'hover',
        container: 'body'
      });
    },

  eventLimit: true, // allow "more" link when too many events
  editable:false,
  locale: 'sl',
  navLinks: true,   
  events: 'load.php',
  selectable:false,
  selectHelper:false,
  displayEventTime: false



 });

});

</script>

最佳答案

Info.event 未定义,这就是您无法读取属性“extendedProps”的原因。

为了保护自己免受 undefined object 的影响,我会使用以下模式:

      var tooltip = new Tooltip(info.el, {
        title: ((info.event || {}).extendedProps || {}).description,
        placement: 'top',
        trigger: 'hover',
        container: 'body'
      });

我会在初始化 var 工具提示之前执行 console.log(info) 来弄清楚“info”实际上是什么。

关于javascript - 类型错误 : Cannot read property 'extendedProps' of undefined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57153631/

相关文章:

javascript - 将图像从表单保存到本地存储并存储/加载它

javascript - 如何让我的 JavaScript 文件影响 EJS 变量

javascript - YouTube API 更改事件未触发

javascript - 顺序的、相关的延迟调用

javascript - 预加载器无法在线工作

javascript - 始终显示 niceScroll rail

javascript - Jquery 第一次不更新 .val ?

javascript - Jquery 和 IE 7 - 即使选择了选项,选定的属性也不适用于多个选择框

javascript - 如何使用 Node.js 读取 jQuery 的 HTML 文件

javascript - 在显示文件之前,在 javascript 事件上预加载文件