如何通过javascript中的滑动关注链接？

Question

要处理滑动，请使用此处发布的脚本： http://padilicious.com/code/touchevents/

工作正常。

现在不是改变背景（原始脚本的作用），而是希望它抓住<a>中包含类的链接，该链接通常是指向下一页的链接，但是对于像这样的鼠标事件：

<a href="mypage02.html" target="_self" class="NextP" title="My Second Page">

然后加载页面。

我有很多页面，结构相同，我不想手动定义链接。我希望js能够抓住href中包含的当前<a>并在滑动触发时启动它。如果可能的话。

谢谢; - ）

Answer 1

根据我的理解，你想找一个

<a href="http://example.com/" class="NextP">

页面中的

元素（带有<a>类的NextP锚标记），当用户滑动时，访问该链接。

要做到这一点，我会

1. 在HTML中查找a.NextP元素，并捕获其href属性。
2. 当用户滑动时，将window.location.href设置为此属性。

window.onload = function(){
  var nextPageUrl = document.querySelectorAll('a.NextP')[0].href;

  // just guessing how swiping works, I haven't looked through your library
  document.body.onswiperight = function(){
    window.location.href = nextPageUrl;
  };
};

当然，您可以使用正确的方法来检测滑动。