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をコピーします。基本的には、モーダルコンテンツクラスのテキストを変更します。詳細については、以下のドキュメントを参照してください。

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