Question

我使用angular-foundation并尝试在打开/关闭菜单时找到更改画布外菜单图标的方法。目前我使用：

<a class="right-off-canvas-toggle menu-icon"><span></span></a>

我想替换＆＃34;菜单图标＆＃34;我自己的班级，但我不知道如何挂钩关闭方法。我尝试添加ng-click，但由于<a>标记用于覆盖close函数的其余页面，因此不会触发该关闭。我认为，使用off canvas是最好的方法。

Answer 1

您可以执行open.fndtn.offcanvas和close.fndtn.offcanvas事件，如下所示：

$(document).on('open.fndtn.offcanvas', '[data-offcanvas]', function() {
    var off_canvas_icon = $(this).find('.right-off-canvas-toggle');

    off_canvas_icon.removeClass('menu-icon').addClass('close-icon');
});

$(document).on('close.fndtn.offcanvas', '[data-offcanvas]', function() {
    var off_canvas_icon = $(this).find('.right-off-canvas-toggle');

    off_canvas_icon.removeClass('close-icon').addClass('menu-icon');
});

有没有办法挂钩离开画布关闭和打开甚至更改菜单图标

1 个答案: