Jquery：模拟用户单击上一个按钮/链接

Question

大家好，

我正在使用以下代码将手动（通过用户点击）导航的分页表行转换为通过模拟用户点击上一个 - 下一个分页按钮自动前进。

我使用以下 setInterval 函数通过模拟鼠标单击“下一步”按钮“#tablepress-1_next”进入下一页，效果很好。

window.setInterval(function() 
    { 
        $('#tablepress-1_next').triggerHandler('click');
    }, 6000);

});

现在我想通过模拟用户点击“上一个”按钮来向后导航，但这对我来说有点太多了，因为我是 jquery 菜鸟。 anybuddy 可以帮助修改上述功能，以便在所有行都向前推进时模拟单击“上一个”按钮（“#tablepress-1_prev”），或者可以从第 1 页重新开始，而不是向后导航 2 向前。

如果是第 1 页，Tablepress 会为“上一页”按钮添加一个“禁用”类，如果是最后一页，则为“下一页”按钮添加一个“禁用”类。

Tablepress 是一个 wordpress 插件。

谢谢 问候， dkj

Answer 1

如果有可用于此目的的 API，我不建议使用 DOM 事件处理导航。 DataTables API 提供了一些处理导航的功能，我添加了一个工作的jsfiddle 来演示该功能。基本上这些代码行是处理自动分页所必需的：

// create the DataTable 
var table = $('#example').DataTable();
// retrieve the page information
var info = table.page.info();
// initialise the paging direction
var direction= 'asc';

// in case there are more than 1 pages of data, start pagination 
if (info.pages > 1) {
  // start cycling the pages now
  window.setInterval(function() {
    if (direction=='asc') {
      table.page( 'next' ).draw( false );
      // switch directions if last page of data shown
      if (table.page()+1 == info.pages) direction= 'desc';
    } else {
      table.page( 'previous' ).draw( false );
      // switch directions if the first page of data is shown
      if (table.page() == 1) direction= 'asc';   
    }
  }, 2000);
}

祝你好运，如果这对你有用，请告诉我！