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

在Fullcalendar API中添加Pop-Up到事件

1 个答案: