html / jquery中的箭头键导航问题

时间:2011-01-24 04:38:36

标签: jquery html

我有一个应用程序,它使用箭头键(向上,向右,顶部,底部)在图像之间移动,具有3X4图像矩阵。如果iamge专注于1秒,那特定的图像将会缩放。随着焦点转移到下一个细胞图像缩小。最初焦点将放在第一个细胞中。

现在我的问题是: 1)即使我有导航模块(正如我所说的最初聚焦在表的第一个单元格中)使用箭头键从初始单元格移动不起作用。首先我需要使用tab,然后我可以使用箭头键移动

2)例如说焦点在初始单元格中,如果不将焦点移动到任何其他位置,则1sec firstimage应该是zoomin。这种情况在我的情况下没有发生。

3)例如我在第一个单元格中说,如果我按下(根据我的应用程序)它应该保持在同一个单元格中,因为没有图像可以跳转。但在我的应用程序焦点发生的地方。再次,我必须重新加载页面,以获得焦点。我是否来过这个问题。

可以帮助我解决这个问题。看看我附上的演示。

提前致谢

demo

1 个答案:

答案 0 :(得分:3)

我建议将需要jQuery的任何代码合并到$(document).ready(function () { // your code here });函数中。这应该消除依赖性问题。此外,您应该考虑在准备好的函数的第一部分中声明可能在整个应用程序中使用的任何变量。我的代码here中有一个工作示例。希望这会有所帮助。

编辑:我更新了jsfiddle以帮助您解决您遇到的关键问题。看看你的upkey事件下的代码。