单击抽屉外部时隐藏打开的抽屉

时间:2014-03-26 07:21:56

标签: javascript css cordova topcoat

我使用以下代码切换(显示/隐藏)抽屉: http://outof.me/navigation-drawer-pattern-with-topcoat-css-library/

slideMenuButton.onclick = function (e) {
    var cl = document.body.classList;
    if (cl.contains('left-nav')) {
        cl.remove('left-nav');
    } else {
        cl.add('left-nav');
    }
};

工作正常。现在,只要点击抽屉外的任何,我希望抽屉关闭。有推荐的方法吗?

1 个答案:

答案 0 :(得分:0)

解决方案是:

$("body").on("click",function(e) {
    var cl = document.body.classList;
    if (cl.contains('left-nav')) {
        cl.remove('left-nav');
    }
}

(适合我。)