$(document).on("foundation-contentloaded") dialog event is not working as expected in AEMaaCS

[ibishika]

I have used the below code to detect a dialog load event for previous versions of AEM (I think AEM 6.3). Currently I am using AEMaaCS and when I use the same, I notice that the control is never going inside the below code:
$(document).on("foundation-contentloaded", function (e) {
});

Please share if there is any solution or any other way of doing this.

[Asutosh_Jena_ · Accepted solution]

Hi @ibishika 

Please use with below code:

(function ($, $document) {
    $document.on("dialog-ready", function () {
        // code will go here
        console.log("dialog ready now!!!");
    });
})($, $(document));

This will be executed when the dialog is loaded.

Thanks!