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

Javascript mmenu.js-使用动态DOM元素进行搜索,javascript,jquery,mmenu,Javascript,Jquery,Mmenu,我真的很喜欢mmenu.js插件。它是如此光滑,并有大量非常有用的功能 不过,我对搜索功能有一个小问题。当我使用javascript向mmenu添加任何元素时,它们都无法用于实时搜索。有没有办法刷新mmenu,或者确保搜索功能查看的是最新版本的DOM,而不仅仅是初始化时出现的元素 谢谢 菜单标记 将项目添加到菜单 $(“#我的菜单”).append(“”); 在本例中,新添加的“Blog”链接不会作为搜索功能的一部分进行响应。您能提供这种行为的详细信息吗?@CDoe我也有同样的问题,您解决了吗

我真的很喜欢mmenu.js插件。它是如此光滑,并有大量非常有用的功能

不过,我对搜索功能有一个小问题。当我使用javascript向mmenu添加任何元素时,它们都无法用于实时搜索。有没有办法刷新mmenu,或者确保搜索功能查看的是最新版本的DOM,而不仅仅是初始化时出现的元素

谢谢

菜单标记

将项目添加到菜单

$(“#我的菜单”).append(“
  • ”);

    在本例中,新添加的“Blog”链接不会作为搜索功能的一部分进行响应。

    您能提供这种行为的详细信息吗?@CDoe我也有同样的问题,您解决了吗?没有。插件似乎不是这样工作的。最后我编写了一个自定义搜索函数来隐藏和显示项目。后来,我发现您无法真正销毁mmenu,这与我的实时JS框架不太好,所以最后,我切换到了语义UI的侧栏。如何用语义ui边栏嵌套多个子菜单?没有办法从文件
    <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>
    
    $("#my-menu").mmenu({
        searchfield: {
            add: true,
            search: true
        }
    });
    
    $("#my-menu ul").append('<li><a href="/blog">Blog</a></li>');