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

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

你可以返回 false 来链接按下事件。

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