在Fullcalendar API中向事件添加弹出窗口

Question

我正在使用fullcalendar的3.4.0版本，并在单击日历上的事件时尝试创建一个弹出窗口。 我尝试了许多不同的方法，但是在我发现的许多教程中，对编码的理解都不是很充分，并且似乎没有任何效果。 我试过使用这个：

    eventClick: function(event) {
// opens events in a popup window
$('#popup').html('<iframe src="'+event.url+'" width="700" height="600"></iframe>');
$('#popup').dialog({autoOpen: false, modal: true, width: 750, height: 675});
return false;
   },

在页面的主体中标识了一个弹出式div，但是我不确定必须添加什么才能使其正常工作？ 我只想弹出窗口说“正在建设中”。

感谢您的帮助，我真的是编码新手。

Answer 1

基本上，您复制css，html，js，基本上是在modal-content类中更改文本，请查看下面的文档以获取更多示例。

 <!-- The Modal --> <div id="myModal" class="modal"> <!-- Modal content --> <div class="modal-content"> <span class="close">&times;</span> <p>Under Construction</p> </div> </div> 

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal

https://www.w3schools.com/howto/howto_css_modals.asp