javascript - 在 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，但我不确定必须添加什么才能使其正常工作？我只想让弹出窗口显示“正在 build 中”。

感谢您的帮助，我对编码非常陌生。

Answer 1

基本上，您复制 css、html、js 基本上，您更改模态内容类中的文本，请查看下面的文档以获取更多示例。

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