javascript - 使用键盘分页 jQuery 下一个和上一个控制 - .trigger ('click' )不起作用

Question

我正在研究分页。

为了帮助用户使用键盘快捷键更改页面，而不是单击鼠标，我想出了一个 jQuery 解决方案，可以使用 CTRL + → 和 CTRL+ 捕获用户键盘事件←

$(document).keydown(function(event) {
  if (event.ctrlKey) { // if ctrl is being held
      var keycode = event.keyCode ? event.keyCode : event.which;
        if(keycode === 39) { // for rightwards arrow (for leftwards arrow keycode === 37)
           window.open($('#pagination li.next a').attr('href'), '_parent'); // open the next link
            }
  }
});

我的问题是为什么它不能与常规 .trigger('click') 一起使用，如下所示:

$('#pagination li.next a').trigger('click');

Answer 1

jsFiddle Live Example

$('#next').click(function() {
    window.open('http://www.stackoverflow.com', '_blank');
});

$('#prev').click(function() {
    window.open('http://www.google.com', '_blank');
});

$(function() {
    $('#next').trigger('click')
})