Question

我使用了一些jQuery来触发if函数。当我尝试使用vanilla javascript的三元操作数来简化等式时，它似乎无法工作。

我做错了什么？

if(windowBottom > objectBottom) {

    $(this).animate({opacity: '1'}, 1500);
    $(this).addClass('item-play__right');
}
//works fine

windowBottom > objectBottom ? $(this).animate({opacity: '1'}, 1500).addClass('item-play__right');
//doesn't work

Answer 1

是的，可以这样做，但需要使用?和＆amp; :

windowBottom > objectBottom ? ($(this).animate({opacity:"1"}, 
1500).addClass("item-play__right")) :'';

如果没有三元运算符，代码片段也可以写为

windowBottom > objectBottom && ($(this).animate({opacity:"1"}, 
1500).addClass("item-play__right"));

Answer 2

这不是您正在使用的有效三元语法，应该有两个可能的结果由:字符分隔。

另外，如果您将其用于副作用而不是计算值，最好使用if / else

Answer 3

您需要?和:，否则会导致语法错误。

windowBottom > objectBottom ? $(this).animate({opacity: '1'}, 1500).addClass('item-play__right') : "";

你可以使用jQuery的三元运算符吗？

3 个答案: