FullCalendarのクリックイベントがトリガーされていません

イベントに削除アイコンを動的に追加するfullCalendarがあります。 jsFiddleを見ることができます。FullCalendarのクリックイベントがトリガーされていません

このフィーダーでは、ページの上部に、動的に追加された削除アイコンがあることがわかります。これをクリックすると、コンソールにメッセージが表示されます。しかし、同じコードをfullCalendarイベント（eventRender関数内）に追加すると、同じハンドラが追加されますが、アイコンをクリックするとトリガされません。

これはなぜ機能しないのでしょうか？

出典

2017-10-25 Dany Dhondt

問題は、動的に作成された要素のクリックイベントです。クリック機能を次のように変更した場合：

$(document).on("click", ".fc-event-delete-button", function(event) { 
console.log("click", event); 
})

これで問題は解決します。

動的に作成される要素では、そのようなクリック機能を記述する必要があります。ページに既に存在するものにアタッチし、括弧内の正確な要素を指定します。ここで

が更新JS Fiddle例は

出典

2017-10-25 12:33:27

感謝サイモンです。たぶん私はまだ何かを見落としているかもしれません。私のパズルは、私のオリジナルのフィドルで、私はページ上部に追加されたdivも動的に作成されています。そして、私のアプリケーションでは動作しません。 –

@DanyDhondt問題が何であるかはわかりませんが、キャッシュをクリアしてもう一度ページをテストしようとしました（これは問題でした）。あなたのオリジナルのフィドルでは、クリック機能が定義される前に要素が作成されているので、その要素が機能していて他の要素が機能していない可能性があります。 fullCalendarの問題 –

FullCalendarのクリックイベントがトリガーされていません

答えて

関連する問題