我有一个从左到右滑出的抽屉余烬组件。
我有以下功能,当用户点击它时,我用它来关闭或隐藏抽屉组件:
var _this = this;
$('body').on('click.notifications', function(e) {
var target;
if (!controller.get('drawerOpen')) {
return;
}
target = $(e.target);
if (e.target.tagName === "A" && target.hasClass('notifications-link')) {
return false;
}
if (e.target.tagName === "A") {
controller.send('toggleNotifications');
return false;
}
if (target.hasClass('ss-clock')) {
return;
}
if (target.hasClass('badge-important')) {
return;
}
if ($.contains(ele[0], e.target)) {
return;
}
controller.send('toggleNotifications');
e.stopPropagation();
return e.preventDefault();
});
这有效,但我不得不为某些元素添加新条件。
有更有效的方法吗?