Question

对于单一作业，我一直在使用这个Tinder刷卡代码：`http://codepen.io/developingidea/pen/meAIn

<div class="buddy" style="display: block;">
   <div class="avatar"  style="margin: 0 auto; display: block; background-image:url(images/girl1.jpg)"></div>
      <div class="bio">
         <h1>Name, 28</h1>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
       </div>
</div>

我有两个图像“hi”和“bye”位于我想要链接到滑动功能的滑动功能下方，所以当点击“hi”时，图像向右滑动，当点击“bye”时，图像滑动但是，我不确定如何做到这一点。

有人可以帮忙吗？感谢。

Answer 1

最简单的解决方案是在按下按钮时调用swipeleft或swiperight事件，保持现有代码不变。

e.g。在这些方面添加一些内容：

$("#bye").on("click", function(){
  $(".buddy").not(".rotate-left, .rotate-right").trigger("swipeleft");
});
$("#hi").on("click", function(){
  $(".buddy").not(".rotate-left, .rotate-right").trigger("swiperight");
});

编辑：由于有多个.buddy，您需要选择当前的。{/ p>

将图像链接到javascript命令 - Tinder Swipe Cards

1 个答案: