Question

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

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

Answer 1

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

为了保护自己免受未定义对象的侵扰，我将使用以下模式：

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

在初始化var工具提示之前，我会先做一个console.log（info）来弄清楚“ info”到底是什么。

Answer 2

该错误表示info.event等于undefined。我建议您尝试访问console.log(info)之前，先尝试info或使用调试器，看看正在传递给该函数的info.event.extendedProps的值是什么。

TypeError：无法读取未定义的属性“ extendedProps”

2 个答案: