Jquery : 模拟用户点击上一个 button/link

Question

大家好，

我使用以下代码所做的是通过模拟用户点击 Previous -Next 分页按钮，将手动（通过用户点击）导航的分页 table 行转换为自动前进。

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

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

});

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

如果是第 1 页，Tablepress 会向 "Previous" 按钮添加 "disabled" class，如果是最后一页，则会向 "Next" 按钮添加。

Tablepress 是一个 wordpress 插件。

谢谢问候， dkj

Answer 1

如果有 API 可用于此目的，我不建议使用 DOM 事件处理导航。演示功能的 DataTables API offers some functions to handle navigation, I added a working 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);
}

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

Jquery : 模拟用户点击上一个 button/link

Jquery : Simulate User click on Previous button/link

wordpress

jquery

click