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

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

您可以返回false以链接新闻事件。

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

Answer 2

您必须阻止点击事件：

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