Menu-Editor
Menu-Editor copied to clipboard
Buttons are not working
I've created a small demo:
<!DOCTYPE html>
<html lang="nl" dir="ltr">
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/davicotico/[email protected]/dist/styles.min.css">
<script src="https://cdn.jsdelivr.net/gh/davicotico/[email protected]/dist/menu-editor.min.js"></script>
</head>
<body>
<div id="navigation-items"></div>
<script>
var items = [{"text":"Home","href":"/home","icon":"fa-solid fa-house","tooltip":"Go to home page","children":[]},{"text":"About Us","href":"/about","icon":"fa-solid fa-address-card","tooltip":"Learn more about our company","children":[]},{"text":"Services","href":"/services","icon":"fa-solid fa-gear","tooltip":"Discover the services we offer","children":[{"text":"Service 1","href":"/services/1","icon":"cog","tooltip":"Details for Service 1","children":[]},{"text":"Service 2","href":"/services/2","icon":"cog","tooltip":"Details for Service 2","children":[]}]},{"text":"Products","href":"/products","icon":"fa-solid fa-cart-shopping","tooltip":"View our available products","children":[{"text":"Product 1","href":"/products/1","icon":"shopping-cart","tooltip":"Details for Product 1","children":[]},{"text":"Product 2","href":"/products/2","icon":"shopping-cart","tooltip":"Details for Product 2","children":[]}]}];
const menuEditor = new MenuEditor('navigation-items', { maxLevel: 3 });
menuEditor.setArray(items);
menuEditor.onClickDelete((event) => {
console.log('onClickDelete')
});
menuEditor.onClickEdit((event) => {
console.log('onClickEdit')
});
menuEditor.mount();
let output = menuEditor.getString();
console.log(output);
</script>
</body>
</html>
This is as clean as posible, but when I push the edit or delete button, no log will be created in the console.
What am I missing here?