javascript - 如何根据 bool 值更改 jQuery 方法

Question

我想更改 jQuery 方法

parent()

至

children()

取决于用户屏幕的宽度。

这是我所拥有的(相关代码片段):

var me         = $(this);
var generation = $(window).width() > 767 ? 'parent' : 'children';
if( !me.is(e.target) && !me.is($(e.target)[generation]() ) {
    me.removeClass(activeClass);
}

无论屏幕大小如何，这都不会执行任何操作，也不会引发错误...

如果我记录变量 一代如果根据屏幕尺寸检查返回正确的字符串，则控制台会返回，所以我一定搞砸了方法的写入方式。

有人对此有见解吗？

Answer 1

问题可能是您缺少 )

[1]尝试:

var me         = $(this);
var generation = $(window).width() > 767 ? 'parent' : 'children';
if (!me.is(e.target) && !me.is(($(e.target)[generation])())) {
    me.removeClass(activeClass);
}

[2] 或者为什么不这样做:

var me         = $(this);
var generation = $(window).width() > 767;
if (!me.is(e.target) && ((generation == true && !me.is($(e.target).parent())) || (generation == false && !me.is($(e.target).children())))) {
    me.removeClass(activeClass);
}

[3] 或者这个:

var me = $(this);
if ($(window).width() > 767 && !me.is(e.target) && !me.is($(e.target).parent())) {
    me.removeClass(activeClass);
} else if (!me.is(e.target) && !me.is($(e.target).children())) {
    me.removeClass(activeClass);
}

[4] 或者这个:

var me    = $(this);
var check = $(window).width() > 767 ? $(e.target).parent() : $(e.target).children();
if (!me.is(e.target) && !me.is(check)) {
    me.removeClass(activeClass);
}