如果在最后一张幻灯片中点击下一步，请转到Wordpress的下一页？

Question

我每页显示12张幻灯片。在最后一张幻灯片上，当我点击下一张时，我想让它转到wordpress上的下一页。我正在使用wp-pagenavi，所以我需要的是模拟点击.nextpostslinks。

使用bxslider，wordpress和自定义分页器。

$(function () {
  $('.bx-next').click(function() {
    var index = $('.col-xs-1 a.active').data('slide-index');
    if ( index = 11 ) {
      $('.bx-next').click(function() {
        event.preventDefault(); 
        $('.nextpostslink').click(); 
      });
    };
  });
});

感谢。

Answer 1

• 使用bxSlider API，我们使用以下方法和回调：

  • onSlideBefore：此幻灯片在幻灯片转换前触发。

  • .getSlideCount()：此方法将返回幻灯片总数

• 更重要的是，我们正在使用jQuery方法.trigger() 允许我们远程点击/_N\s*(\(\s*(?:\(??[^(]*?\s*\)))+/。

顺便说一句，如果你有12张幻灯片，那么请使用13。

详细信息在Snippet中进行了评论

<强>段

＆＃13;

＆＃13;

$('.nextPostLink')

＆＃13;

$(function() {
  // Instantiate bxSlider and store it in a var
  var bx = $('.bx').bxSlider({

    // Callback before the next slide, call nextPage()
    onSlideBefore: nextPage,
    slideWidth: 150,
  });

  /* Before every slide this function will...
  || get the last slide...
  || compare last with current indexed slide...
  || ...if they are equal in value...
  || ...the trigger() method will fire a...
  || ...synthetic click to .nextPostLink.
  */
  function nextPage($ele, from, to) {
    var last = (bx.getSlideCount() - 1);
    var index = parseInt(to, 10);
    if (last === index) {
      $('.nextPostLink').trigger('click');
    }
  }
});

/* This function is to demonstrate that .nextPostLink...
|| ...gets triggered when bxSlider slides into the...
|| ...last slide. If successful, a image of Lenna appears
*/
$('.nextPostLink').click(function() {
  $(this).css('background-image', 'url(http://imgh.us/Lenna.png)');
});

＆＃13;

.nextPostLink {
  height: 150px;
  width: 150px;
  background-size: contain;
  position: relative;
  bottom: 200px;
  color: cyan
}

＆＃13;

＆＃13;

＆＃13;