Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$
Appended dropdown menu not rendering
Hello,
I use Metronic DEMO 1 (HTML).
I'm using ajax to add a dropdown menu (data-kt-menu=true).
Everything works fine except the drop down list is not opening.
Does support have any ideas for resolving this ?
var html = `
<a href="#%22%20class=%22btn%20btn-light-primary%20btn-active-primary%20btn-sm%22%20data-kt-menu-trigger=%22click%22%20data-kt-menu-placement=%22bottom-end" target="_blank">Actions
<span class="svg-icon svg-icon-5 m-0">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z" fill="currentColor"/>
</svg>
</span>
</a>
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold fs-7 w-125px py-4" data-kt-menu="true">
<div class="menu-item px-3">
<a href="%60%20+%20data.dashboard.route%20+%20%60%22%20class=%22menu-link%20px-3" target="_blank">Tableau de bord</a>
</div>
<div class="menu-item px-3">
<a href="%60%20+%20data.edit.route%20+%20%60%22%20class=%22menu-link%20px-3" target="_blank">Editer</a>
</div>
</div>`;
return html;
Replies (1)
Hi,
Please try to call KTComponents.init() as explained in the documentation in your ajax reponise handle right after populating the KTMenu html.
Regards.
