-1

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

现在它需要读取并继续使用“next”类的 url

<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) {

  });
});
4

2 回答 2

1

swipeRight回调里面做:

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

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

于 2013-09-19T15:57:37.303 回答
0

您可以只查询锚标记 (a),它是列表的直接子级,下一个类:

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

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

于 2013-09-19T16:01:13.307 回答