Question

我使用此功能在我的网站上启用滑动导航。

现在需要阅读并使用“next”类

继续访问网址

<li class="next"><a href="/webcams/tirol/2/a/b">Next</a></li>

在这里，我需要你帮助创建它。

$(function () {
  $(document).on('mousedown', 'div', function (e) {
    var ref = arguments.callee;
    var handle = $(this);
    var startX = e.clientX;
    var startY = e.clientY;
    handle.off('mousedown', ref);
    handle.on('mouseup', function(e) {
      handle.off('mouseup', argument.call);
      handle.on('mousedown', ref);
      var endX = e.clientX;
      var endY = e.clientY;
      var distanceX = Math.(endX - startX);
      var distanceY = Math.(endY - startY);
      if (distanceX > 50) {
        handle.trigger((endX > startX) ? 'swipeRight' : 'swipeLeft');
      }
      if (distanceY > 50) {
        handle.trigger((endY < startY) ? 'swipeDown' : 'swipeUp');
      }
      e.preventDefault();
      return false;
    });
  });
  $(document).on('swipeRight', 'div', function(e) {

  });
  $(document).on('swipeLeft', 'div', function(e) {

  });
  $(document).on('swipeUp',  'div', function(e) {

  });
  $(document).on('swipeDown',  'div', function(e) {

  });
});

Answer 1

在swipeRight回调中执行：

window.location = $(".next a").attr("href")

首先，此代码获取具有.next类的a的元素，然后使用href函数获取.attr()属性，并将浏览器重定向到值href。

Answer 2

您只需查询锚标记（a），该标记是列表的直接子项，其下一个类为：

$(document).ready(function() {             
  console.log($('li.next > a').prop('href'));      
});

工作小提琴：http://jsbin.com/ibIGoma/6/edit

Jquery滑动以进入下一页

2 个答案: