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

我在尝试单击按钮时遇到了一个问题单击超链接时我使用了以下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>

code

---

您必须防止点击事件：

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

---

您必须防止单击事件：

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

---

您必须防止单击事件：

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

---

您必须防止单击事件：

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

---

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

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

---

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

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

---

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

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

---

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

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

---

试着加上vishal kamal所说的……返回错误；或者您应该将a href=''更改为href='#'，因为如果没有，页面将重新加载。请尝试添加vishal kamal所说的内容。返回值为false；或者您应该将a href=''更改为href='#'，因为如果没有，页面将重新加载。请尝试添加vishal kamal所说的内容。返回值为false；或者您应该将a href=''更改为href='#'，因为如果没有，页面将重新加载。请尝试添加vishal kamal所说的内容。返回值为false；或者您应该将a href=''更改为href='#'，因为如果不更改，页面将重新加载。