javascript - 难以阅读 javascript 代码 - 单行逻辑到 "demystify"

Question

有人可以为我揭开这条线的神秘面纱吗？
它是 javascript 并且工作正常，我只是不明白代码背后的确切逻辑。也许将代码分成几行或用 c# 或 delphi 编写代码以进行“比较”会有所帮助。

(我从这里得到它:http://www.learningjquery.com/2009/02/slide-elements-in-different-directions)

非常感谢!

$('#inlay-container').animate(
{
    left: parseInt($('#container').css('left'),10) == 0 ? +$('#container').outerWidth() : 0
}...

Answer 1

这基本上只是一个三元表达式。形式是 (bool) ? (真值):(假值)。它正在做的是通过将左值设置为 +$('#container').outerWidth() 或 0< 来为 #inlay-container 设置动画 取决于语句 parseInt($('#container').css('left'),10) == 0 的返回，我们在这里比较 的左值>#container 到 0