警报有时工作有时在JS中不起作用

Question

我的 Javascript 有问题。我有一个数据库。我将我的数据库查询到一个表单。我将 id 引用到 JS 函数（比如这个 show_modal();）。当我单击按钮功能有效但有时不起作用？为什么？有时 alert 显示函数的值，有时什么都没有。

HTML

<div class="product-card--body">
 <div class="card-image">
  <img photourl"]?="" src="&lt;?=$value["/>
  " alt=""&gt;
  <div class="hover-contents">
   <a class="hover-image" href="product-details.html">
    <img photourl"]?="" src="&lt;?=$value["/>
    " alt=""&gt;
   </a>
   <div class="hover-btns">
    <a class="single-btn" href="cart.html">
     <i class="fas fa-shopping-basket">
     </i>
    </a>
    <a class="single-btn" href="wishlist.html">
     <i class="fas fa-heart">
     </i>
    </a>
    <a class="single-btn" href="compare.html">
     <i class="fas fa-random">
     </i>
    </a>
    <a class="single-btn" data-target="#quickModal" data-toggle="modal" href="#">
     <i class="fas fa-eye" id="get_arr_id" onclick="show_modal(&lt;?=$value[" productid"]?="">
      ); "&gt;
     </i>
    </a>
   </div>
  </div>
 </div>
</div>

JS

function show_modal(id){
    var sendData = new FormData();
    sendData.append("id", id);
    alert(id);

}

Answer 1

点击a标签可能会与i标签上的onclick事件发生冲突。