jquery - 如何使 mmenu 触发新添加的项目（选定功能）

Question

我正在使用http://mmenu.frebsite.nl/并且效果很好。

但是，当将项目动态添加到菜单时，所选类不适用于这些动态添加的项目。

代码看起来像这样：

HTML

<nav id="menu">
    <ul id="ulmenu">
       <li class="Selected"><a href="/home/">Home</a></li>
       <li><a href="/settings/">Settings</a></li>
    </ul>
</nav>

JAVASCRIPT

$("#ulmenu").append('<li><a href="/contact/">Contact</a></li>');

有没有办法触发刷新，或者动态添加可以使用这个选定类的元素的另一种方法？

谢谢

Answer 1

我猜当您点击/单击它时，选定的类会添加到li中。它是插件功能的一部分。

所以你可以做的是当你附加新项目时说 -

$("#ulmenu").append('<li><a href="/contact/">Contact</a></li>');

您应该添加将所选类添加到此项目的点击事件。像这样的东西：

 $("#ulmenu").append('<li class="dynamic"><a href="/contact/">Contact</a></li>');
    $('.dynamic').on('tap',function(){

    $(this).addClass('Selected');

    });

Answer 2

工作演示

请对动态添加的 HTML 元素使用事件委托

 $("#ulmenu").append('<li><a href="/contact/">Contact</a></li>');

    $("#ulmenu").on("click","li a",exe);

    $("#ulmenu").find("li a:last").trigger("click");

    function exe(){
    alert(1);  // here do your work
    }