Jquery滑动以进入下一页
Jquery swip to proceed to next page
我使用此功能在我的网站上启用滑动导航。
现在它需要读取并继续使用类"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) {
});
});
在swipeRight
回调中执行以下操作:
window.location = $(".next a").attr("href")
首先,此代码获取具有 a
子级的 .next
类的元素,然后使用 .attr()
函数获取 href
属性,并将浏览器重定向到 href 的值。
您可以只查询锚标记 (a),它是具有 class next 的列表的直接子级:
$(document).ready(function() {
console.log($('li.next > a').prop('href'));
});
Working fiddle:http://jsbin.com/ibIGoma/6/edit
相关文章:
- 使用Booklet Jquery插件,我如何验证最后一页是否显示
- jQuery分页下一页和上一页按钮在点击零或超过最后一页后失败
- jQuery幻灯片放映下一页/上一页
- JQuery/Javascript-当倒计时为零时重定向到上一页
- 如果下一页或其他某个页面 JQuery 数据表中存在该行,如何删除该行
- jQuery页面过渡使上一页为空白
- jQuery - $.ajax();转到提交时的下一页
- Cordova(PhoneGap)在jQuery Mobile应用程序的每一页上重新初始化
- JQuery 一页自动滚动菜单
- 如何保存 JavaScript 变量并使用 jQuery 将它们传递到下一页
- Jquery滑动以进入下一页
- 如何在加载下一页之前使用 jQuery 进行动画处理
- 一页jQuery HTML上的3个相同的下拉列表
- 如何使用jQuery的JavaScript将值POST到下一页
- jquery Mobile->页面显示,但下一页没有't
- jquery为下一页更改css
- JQuery添加分页符(如Google Docs或MS Word)并转到下一页
- jquery链接在加载下一页之前单击切换图像
- 谷歌分析-如何在jQuery中查找上一页的URL
- 我如何使用jquery获得下一页/上一页(s)