Jquery左侧导航无效

Question

我有以下简单的html页面：

<html>
<head>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).keydown(function(e){
    if (e.keyCode == 37) {  // left
       $('#prev').click();   
       return false;
    } else if (e.keyCode == 39) {  // right
       $('#next').click();
       return false;
    }
});
</script>
</head>

<body>
<a id="next" href="/next">next</a>
<a id="prev" href="/prev">prev</a>
</body>

</html>

我想让用户使用左右键盘键导航文章。 因此，单击左箭头应转到/ prev链接，单击右箭头应转到/下一个链接。 由于某些我无法得到的原因，它无法在任何浏览器中运行。

谢谢

Answer 1

像这样：

$(document).keydown(function(e){    
    if (e.keyCode == 37) {  // left
       window.location.href = $('#prev').attr('href');   
       return false;
    } else if (e.keyCode == 39) {  // right
       window.location.href =  $('#next').attr('href');  
       return false;
    }
});

你在一个元素上调用.click() ，但这不会触发click事件，那就是.trigger()用于：

$(document).keydown(function(e){
    if (e.keyCode == 37) {  // left
       $('#prev').trigger('click');   
       return false;
    } else if (e.keyCode == 39) {  // right
       $('#next').trigger('click');
       return false;
    }
});

Jquery左侧导航无效

问题描述

1 个解决方案

解决方案1
2 已采纳 2013-03-28 16:17:59

Jquery左侧导航无效

问题描述

1 个解决方案

解决方案1 2 已采纳 2013-03-28 16:17:59

解决方案1
2 已采纳 2013-03-28 16:17:59