- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是 jquery 的新手。我关注这个link学习向右滑动功能。我试图在我的项目中应用向右滑动功能。但是,当我向右滑动时它没有任何响应。当我在此页面的任何位置向右滑动时,我希望触发向右滑动功能。我不知道哪一部分出了问题。这是我的代码。
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Tinder-like Marketplace - Mobile Shop Template</title>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="x-ua-compatible">
<meta content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
$("body").on("swiperight",function(){
alert("swipe right");
});
</script>
</head>
<body onload="initSwipe()">
<div id="main">
<!-- MAIN PAGE -->
<div id="page">
<!-- CONTENT CONTAINER -->
<div class="content-container">
<!-- Product Header -->
<div class="content-header">
<div class="product-title animated fadeIn" id="productName">
</div><!-- Product title -->
<img src="images/240x240.png" alt="img" />
<!-- Product meta -->
<div class="product-meta animated fadeInUp">
<div class="product-title animated fadeIn">$</div>
<div class="product-title animated fadeIn" id="productPrice">
</div>
</div>
</div>
<div class="line"></div>
</div>
<!-- END CONTENT CONTAINER -->
<div id="swipeLike" class="main-bg"><i class="fa fa-plus"></i></div>
<div id="swipeUnlike" class="main-bg"><i class="fa fa-plus"></i>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-3.1.1.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/slick.min.js"></script>
<script type="text/javascript" src="js/jquery.slicknav.js"></script>
<script type="text/javascript" src="js/jquery.swipebox.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/swipe.js"></script>
</body>
</html>
最佳答案
像这样100% 有效:
定义 swiperight
和 swipeleft
或使用它:
$(document).on('swipeleft', 'body', function(event){ });
$(document).on('swiperight', 'body', function(event){ });
示例:
$(document).on('swipeleft', 'body', function(event){
alert("swipeleft");
return false;
});
$(document).on('swiperight', 'body', function(event){
alert("swiperight");
return false;
});
<!DOCTYPE html>
<html>
<head>
<title>Swiperight Example</title>
<meta name="viewport" content="width=device-width,height=device-height,minimum-scale=1,maximum-scale=1"/>
<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css" />
<script src="//code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
</head>
<body>
<p>Try to Swipe Right or Left</p>
</body>
</html>
关于javascript - 向右滑动功能不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45497677/
问题是我必须几乎严格水平滑动才能使滑动操作起作用。我希望滑动时有更多的自由度。我希望当我对角滑动时滑动也能起作用。我应该如何更改此代码? 这是代码 public class OnSwipeTouch
func tableView(tableView: UITableView, editActionsForRowAtIndexPath indexPath: NSIndexPath) -> [AnyO
我正在查看 DeleteIntent 以接收通知 View 滑动以关闭。如果用户向左或向右滑动,我看不到它可以返回。基本上,我想用左滑动表示否,右滑动表示是;而不是为其他 UI 使用 Android
我最近和现在都在玩 jquery - 试图让动画工作。 整个想法基本上是一个全屏 slider 。我们有几个部分的绝对位置和高度为文档的 100% - 在 jquery 中我们正在玩 z-index。
我正在使用: ViewController = [[ViewControllerClass alloc] initWithNibName:@"ViewControllerClass" bundle:[
我试图通过使用 jquery 向右缓慢滑动来显示内容来扩展按钮,但我无法让它工作。另外,我没有控制台错误 $( document ).ready(function() { $('.btn'
试图将这个“手势”功能添加到我的第一个程序中,几乎我所做的每一次搜索都来到了这个线程: Fling gesture detection on grid layout 我能够让它工作..但就我而言,我不
这个问题在这里已经有了答案: How to turn off the automatic gesture to go back a view with a navigation controller
我试图检测左右滑动,但我遇到了一个问题,例如,如果用户向上或向下滑动并稍微向其中一侧滑动,它会将其检测为向左滑动(例如) constructor(props) { super(props)
我一直在研究图片库 [html5],它在桌面版本中运行良好,我想为 Ipad/平板电脑设备添加基于触摸的事件。 您能否建议如何使用 javascript/jquery 添加基于触摸的事件。 谢谢,斯里
我需要检测左/右滑动并使用react,但希望用户能够在同一元素上滚动,因此只要他仅向左/向右移动手指,并进行最大的上/下移动X像素时,它不应该滚动,但是当他超过X时,它应该滚动。 所以我所做的是: v
原始 HTML: Donor Rankings /img/right_arrow.png" style="right:0; padding-left:10px; cursor:pointer
我想向 ScrollView 添加滑动功能(从右到左和从左到右),但不拦截所有触摸事件,这样子按钮仍然可以点击。 我像这样向 ScrollView 添加了触摸监听器: this.getView().f
我已经像这样创建了一个 RecyclerView ItemTouchHelper - public class MyItemTouchHelper extends android.support.v7
我想同时滑动两个 div(左/右、右/左、上/下、下/上)。这是一个 JSFiddle它在哪里做的,但是当我在这个 JSFiddle 中隐藏 div 时,它不是同时在彼此之上的。我试过使用 anima
当我切换我的滑动菜单时,我会让我的菜单在右边滑动。怎么做到的?到目前为止,我只能通过 position:fixed 来做到这一点,但这对我有害,因为它会影响导航——显然屏幕是固定的!那么如何在不修复我
我有一个垂直滚动的 collectionView,覆盖设备上的整个屏幕(即全屏)。 我已经为我的 collectionView 注册了 向左和向右滑动 手势。 //------------right
我正在开发一个应用程序,我需要一个类似于我的三星 Galaxy S 的联系人 ListView 的 ListView: 当我向右滑动手指时,我可以向该联系人发送消息。 当我向右滑动手指时,我可以调用我
我在多个地方找到了以下代码来向左/向右滑动: $('#hello').hide('slide', {direction: 'left'}, 1000); 但是,我无法让它工作。这是我正在尝试的简约测试
这个问题在这里已经有了答案: jQuery: Slide left and slide right (4 个答案) 关闭 9 年前。 有没有一种简单的方法可以根据我在下面提供的上/下代码片段将其变成
我是一名优秀的程序员,十分优秀!