将图像链接到javascript命令-Tinder刷卡

对于uni分配，我一直使用此Tinder刷卡代码：`

姓名，28
Lorem ipsum dolor sit amet，是一位杰出的献身者

我有两个图像“hi”和“bye”，它们位于滑动功能下方，我想链接到滑动功能，因此当单击“hi”时，图像向右滑动，当单击“bye”时，图像向左滑动，但是，我不确定如何执行此操作

有人能帮忙吗？

---

谢谢。

最简单的解决方案是在按下按钮时调用

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");
});

---

编辑：由于有多个

。好友
，您需要选择当前好友。
您尝试过什么吗？你能发布那段代码吗？
我试着将“.hi”和“.bye”类添加到javascript中，但我这样做有点傻，因为“hi”和“bye”图像刚刚消失……谢谢！不过，这是可行的，它会滑动最后一张图像，然后在其他图像中淡入淡出，就好像它是顶部的当前图像一样。我会玩弄它，如果我修复了它，我会发布代码。再次感谢@lilibet没问题，如果它有助于解决您的问题，您可以使用选票旁边的绿色勾选它作为答案！：）不幸的是，无法找到修复方法，有人有什么想法吗？@lilibet啊，它同时在所有的
好友上运行，我没有意识到有多个。修正后的答案应该正确。你真是个该死的传奇！非常感谢你！
$("#bye").on("click", function(){
  $(".buddy").not(".rotate-left, .rotate-right").trigger("swipeleft");
});
$("#hi").on("click", function(){
  $(".buddy").not(".rotate-left, .rotate-right").trigger("swiperight");
});