Javascript CLNDR-如何将事件信息传递给单独的DIV？

我目前正在创建一个页面，该页面将使用CLNDR插件（），一个jQuery插件（'CLNDR.js'）来创建自定义日历

该页面是一个.html页面，然后由javascript插入到一个.php文件中。我必须使用.php，因为我们的服务器不在.html文件中运行php代码

“clndr.js”使用kylestetz提供的“moments.js”、“underline.js”和文件“site.js”以及插件。此“site.js”包含如下数组中的事件信息（“clndr.js”生成的日历中使用的事件日期）：

var eventArray = [
{ date: '2015.07.25', title: 'Artpolis Kick-off', location: ' ott. 2.', url: 'esemeny/esemeny_reszletes_150535_01.html', type: 'holiday' },
{ date: '2015.06.25', title: 'Smartpolis Kick-off', location: ' SZTNH, Bp., Garibaldi u. 2.', url: 'esemeny/esemeny_reszletes_150535_01.html'},
{ date: '2015.05.26', title: 'ŰR-LÉPTÉK ', location: 'BME K ép. díszterem ', url: 'esemeny/ ' },
{ date: '2015.05.21', title: 'Smart City tagozat', location: ' BME V1 ép. Neumann tárgyaló.', url: 'esemeny/ '  },
{ date: '2015.02.13', title: 'H-SPACE 2015 ', location: ' BME I ép. előadó.', url: 'esemeny/ '  }];

此“site.js”文件还定义了日历的放置位置：

（抱歉，有时我可以使代码格式化工作，有时不行）

这是我在.php文件头部使用的javascript，用于插入包含日历的.html文件：

（抱歉，有时我可以使代码格式化工作，有时不行）

现在，我想让clickevents在.html页面上单独的

中显示事件信息。在这里，当在数组中单击某个日期并将事件附加到该日期时，将显示事件信息

我在“手册”中没有找到这样做的描述，我是从github直接来到这个论坛的

---

您能否建议如何将存储在“site.js”中的事件信息传递给.html文件中的特定DIV ID？

为

单击处理程序提供了一个变量
目标
，该变量包含一个
事件数组（可能有多个事件）

以下是如何获取第一个事件的标题并将其设置为div的示例：

click: function(target) {
    var info = target.events[0].title;
    $("#event-information").text(info);
}

注意：您的
id
中不能有空格，因此我们使用了

演示：

更新：

下面是一个关于如何使用
url
和创建链接的示例：

click: function(target) {

    var title = target.events[0].title;
    var url = target.events[0].url;

    var link = $("<a>"); // create a link tag
    link.text(title); // set the title
    link.attr("href", url); // set the url

    $("#event-information").html(link);

}

点击：功能（目标）{
var title=target.events[0]。title；
var url=target.events[0].url；
var link=$（“
谢谢，这很有效。还有一个问题：如何将来自eventArray的url信息与标题一起传递？
target.events[0]
基本上与您在
事件数组中设置的事件具有相同的属性，这意味着它将具有
日期
，
标题
，
位置
，
url
和
类型
。因此，如果您想要
url
，您只需从
目标.events[0].url
和
目标.events[0]获取它
我得到了“[对象]”。我希望标题可以用URL数据点击。请注意，我是一个新手：-）在这方面…我更新了我的答案并添加了另一个示例，请看一看。
<div class="col-sm-3 col-md-3 col-lg-3">
<h2>Calendar</h2>
<div id="includedContentCalendar"></div>
</div>

clickEvents: {
click: function(target) {
console.log(target);
}
},

click: function(target) {
    var info = target.events[0].title;
    $("#event-information").text(info);
}

click: function(target) {

    var title = target.events[0].title;
    var url = target.events[0].url;

    var link = $("<a>"); // create a link tag
    link.text(title); // set the title
    link.attr("href", url); // set the url

    $("#event-information").html(link);

}