单击超链接时尝试单击按钮时出现问题

Question

当我尝试让按钮在点击超链接时被点击时我遇到了一个问题我使用这个 jquery 代码来做到这一点：

$("a.mission").on("click", function() {

  $("button.boutonCode").trigger("click");
});

但是当我单击超链接时，我得到了一个奇怪的效果，它没有执行与按钮相同的操作，而是执行该操作并再次转到预览页面，而当我单击按钮时情况并非如此：

HTML 的一部分：

<button class="boutonCode effeckt-page-transition-button" data-effeckt-transition-in="scale-down-from-front" data-effeckt-transition-out="scale-down-to-behind" data-effeckt-transition-page="page-5" data-effeckt-needs-perspective="true">Code <i class="ion-arrow-right-c size-20"></i></button>


  <a href="" class="mission">
    <img src="images/mission.png" alt="" class="tooltipButton" data toggle="tooltip" data-placement="top" title="Code Tricks">
   </a>

LIVE DEMO

Answer 1

您必须阻止点击事件：

$("a.mission").click( function(e) {
  e.preventDefault();
   $("button.boutonCode").click();
});

Answer 2

您可以 return 假 link 按下事件。

$("a.mission").click( function(e) {
 $("button.boutonCode").click();
 return false;
});

单击超链接时尝试单击按钮时出现问题

issue when trying to make a button get clicked when an hyperlink get clicked

html

jquery

button

hyperlink