jquery - 使用 TouchSwipe 插件在滑动手势上调用其他 HTML 文件(超链接)

标签 jquery html touch swipe swipe-gesture

我正在查看 TouchSwipe 插件 - http://labs.rampinteractive.co.uk/touchSwipe/demos/我想知道如何在滑动手势上调用其他 HTML 文件?

所以我有一个 div,TouchSwipe 在其中工作。在向左滑动时,我希望浏览器打开一个 html 文件,如超链接,在向右滑动时,打开另一个。

所以代码是这样的:

$("#swipe").swipe({
    swipeLeft:function(event, direction, distance, duration, fingerCount) {
    }
});

谢谢大家的建议和帮助!

最佳答案

我认为应该这样做,假设您在 1.html 和 2.html 中都有 id="swipe"。

// ------------
// 1.html.
// ------------

$("#swipe").bind("swipeleft",function(event) {
    $("#div").load( "2.html");
});

// ------------
// 2.html.
// ------------
$("#swipe").bind("swiperight",function(event) {
    $("#div").load( "1.html");
});

关于jquery - 使用 TouchSwipe 插件在滑动手势上调用其他 HTML 文件(超链接),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16466950/

相关文章:

javascript - 日期比较(将事件日期与当前日期进行比较)

javascript - 如何在单个容器中创建和管理多个 iframe?

java - 获取坐标时如何忽略fitviewport(LibGdx)上的黑条?

javascript - Windows 8 应用程序在手指滑动时触发事件

javascript - 根据浏览器宽度只显示有限的 div

jquery - 检查是否选择了第一个选项

javascript - 将图像复制到剪贴板

javascript - ThreeJs + AngularJs + OBJLoader 不渲染任何内容,也不显示错误

javascript sendfile 二进制数据到 Web 服务

javascript - 移动照片库应用程序