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>');

是否有办法触发刷新或anohter方式动态添加可以使用此选定类的元素？

由于

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

<强> Working demo

请使用事件委托来动态添加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
    }

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

2 个答案: