JQUERY if :last:visible

Question

if( $("div:last").is(":visible") ) {
    $("p").css("color", "red");
}

为什么脚本不能正常工作？

http://jsfiddle.net/8Rrm2/8/

Answer 1

该脚本只检查它在运行时是否可见。它不会检查它是否可见。因此，当用户使用向右箭头键使其可见时，脚本已经通过，并且保持为非红色。您必须将该逻辑移动到事件处理程序中。

Here是一个有效的小提琴。我所做的只是剪切和粘贴你的逻辑。

现在，用户每次按下箭头键时，都会更新按钮并相应地更改颜色。

另外，仅供参考：KnockoutJS有一些非常棒的模型绑定工具。几乎不需要编写脚本，您就可以让模型和视图模型自动相互更新。箭头键更新视图模型的值，这反过来会自动在视图中创建更改。这真的很值得一看，而且他们的教程也很有趣。

Here是您的脚本的一个示例，如果您对此感兴趣，可以对其进行修改以使用Knockout。在这个例子中，它的代码并没有减少多少，但我确实认为它在阅读和处理“异常情况”时会更干净一些。例如，如果您希望值2、5和7为红色，则只需更改一个名为iAmRed的函数。