How to trigger MicroModal with ajax call ?

[HelloTalib]

in my case this code doesn't work properly, it needs multiple clicks to trigger MicroModal that's I don't want, is there any solution?

$.ajax({
type: "POST",
dataType: "json",
url: my_ajax_url.ajaxurl,
data: {
action: "data_action_callback",
product_id: product_id,
},
success: function (response) {
$("body") .append(response.data).promise().then(function () {
MicroModal.init({
// onShow: modal => console.info(${modal.id} is shown), // [1]
// onClose: modal => console.info(${modal.id} is hidden), // [2]
openTrigger: "data-micromodal-trigger", // [3]
closeTrigger: "data-custom-close", // [4]
disableScroll: true, // [5]
disableFocus: false, // [6]
awaitOpenAnimation: false, // [7]
awaitCloseAnimation: false, // [8]
debugMode: true, // [9]
});
})
},
});