Javascript 外部事件的Fullcalendar V4 JSON数据

我正在使用Fullcalendar V4作为计划工具。现在我想使用外部事件选项。当我手动将数据放入div时，效果非常好。但是我需要从JSON响应中获取数据。当我尝试这个的时候，它不会起作用。我无法将事件拖到日历中，也无法获得任何响应。如何在div中以正确的方式获取数据

这是容器的代码

new Draggable(containerEl, {
itemSelector: '.fc-event',
eventData: function(eventEl) {
    var obj=JSON.parse(eventEl.dataset.event);
    return {
    title: eventEl.innerText,
    id: obj.id,
    duration: obj.duration,
    extra1: obj.extra1,
    backgroundColor: obj.backgroundColor
  };
}  });

这是我手工制作的div

<div class='fc-event' data-event='{"title":"event title1","id":"1","duration":"11:45","extra1":"11.00","backgroundColor":"#D7EBFA"}'>My Event 1</div>

我的事件1

这是获取div中数据的代码

var JsonData = [{"id":"1","title":"Event Title 1","duration":"00:45","extra1":"8.00","backgroundColor":"#D7EBFA"},{"id":"2","title":"Event Title 2","duration":"00:45","extra1":"8.00","backgroundColor":"#D7EBFA"}];
for (var i = 0; i < JsonData.length; i++) {  $("#external-events").append('<div class="fc-event" data-event="{"title":"'+JsonData[i].title+'", "id":"'+JsonData[i].id+'", "duration":"'+JsonData[i].duration+'", "extra1":"'+JsonData[i].extra1+'", "backgroundColor":"'+JsonData[i].backgroundColor+'"}">'+JsonData[i].title+'</div>');}

var JsonData=[{“id”：“1”，“title”：“事件标题1”，“持续时间”：“00:45”，“extra1”：“8.00”，“backgroundColor”：“D7EBFA”}，{“id”：“2”，“title”：“事件标题2”，“持续时间”：“00:45”，“extra1”：“8.00”，“backgroundColor”：“D7EBFA”}；
对于（var i=0；i

这使得这个部门成了这样

<div class="fc-event" data-event="{" title":"event title 1", "id":"1", "duration":"00:45", "extra1":"8.00", "backgroundcolor":"#d7ebfa"}">Event Title 1</div>

事件标题1

我认为应该有一个简单的解决办法

---

感谢

此

数据事件=“{”

…etc看起来无效。请注意，与手动版本相比，它是如何被双引号分割成小岛的？字符串周围需要单引号，就像手动版本一样。最好先创建一个对象，然后JSON.stringify，然后将其插入单引号中。由han生成JSON字符串d是造成麻烦的方法。很抱歉反应太晚！但您的回答帮助我解决了这个问题。谢谢此

data event=“{”

…etc看起来无效。请注意，与手动版本相比，它是如何被双引号分割成小岛的？字符串周围需要单引号，就像手动版本一样。最好先创建一个对象，然后JSON.stringify，然后将其插入单引号中。由han生成JSON字符串d是个麻烦的配方。很抱歉反应太晚！但是你的回答帮助我解决了这个问题。谢谢