mmenu.js - 使用动态DOM元素进行搜索

Question

我真的很喜欢mmenu.js插件。它非常光滑，并且具有丰富的非常有用的功能。

但是，我在搜索功能方面遇到了一个小问题。当我使用javascript向mmenu添加任何元素时，它们无法进行实时搜索。有没有办法刷新mmenu或确保搜索功能正在查看最新版本的DOM而不仅仅是初始化时出现的元素？

由于

菜单标记

<nav id="my-menu">
    <ul>
        <li class="Label">Menu</li>
        <li><a href="/profile">Profile</a></li>
        <li><a href="/settings">Settings</a></li>
        <li><a href="/reports">Reports</a></li>
        <li><a href="/help">Help</a></li>
        <li><a href="/sign-out">Sign-Out</a></li>
    </ul>
</nav>

mmenu.js Startup

$("#my-menu").mmenu({
    searchfield: {
        add: true,
        search: true
    }
});

将项目添加到菜单

$("#my-menu ul").append('<li><a href="/blog">Blog</a></li>');

在此示例中，新添加的“博客”链接不会作为搜索功能的一部分做出反应。