时间戳

首页 > 解决方案 > jQuery 代码不适用于 html 按钮

javascript - jQuery 代码不适用于 html 按钮

问题描述

在我的系统中，用户可以创建/打开有关他们面临的问题的票证。一旦我们解决了这个问题，我们就会关闭工单。然后该特定票证显示在已关闭票证下。现在用户可以选择重新打开工单。如果他这样做了，票证将显示在已打开的票证下方。

在这种情况下，我希望票证名称包含“重新打开”标签。换句话说，当单击重新打开按钮时，我需要更改票证名称。

<!----------------button------------------>
<div id="btnTemplate" class="hide">
  <div class="btn-group btn-group-sm">
    <a href="#" data-original-title="Reopen Ticket" class="enable-tooltip btn btn-alt btn-danger reopen-btn">
      <i class="fa fa-undo"></i>
    </a>
  </div>
</div>
<!----------------button------------------>

$(document).on("click", "#reopen-btn", function(e) {
   $(e.target).innerHtml('<span>(Reopended)</span>');
});

完整的html代码：

    <div id="btnTemplate" class="hide">
     <div class="btn-group btn-group-sm">
    <a href="#" data-original-title="View Ticket" class="enable-tooltip btn btn-alt btn-primary view-btn"><i
                class="fa fa-desktop"></i>
    </a>
    <a href="#" data-original-title="Add Expected Closing Date"
       class="enable-tooltip btn btn-alt btn-primary date-btn">
        <i class="fa fa-calendar"></i>
    </a>
    <a href="#" data-original-title="Transfer Ticket"
       class="enable-tooltip btn btn-alt btn-primary transfer-btn">
        <i class="fa fa-exchange"></i>
    </a>
    <a href="#" data-original-title="Close Ticket"
       class="enable-tooltip btn btn-alt btn-danger close-btn">
        <i class="fa fa-remove"></i>
    </a>

    <a href="#" data-original-title="Reopen Ticket"
       class="enable-tooltip btn btn-alt btn-danger reopen-btn" id="reopen-btn" >
       <i class="fa fa-undo"></i>
    </a>
   </div>
 </div>

标签： javascriptjqueryhtmljquery-uijquery-3

解决方案

在您的按钮代码中添加 idreopen-btn。您正在使用类重新打开-btn 并传递#reopen-btn。所以，你的活动不起作用

  <a href="#" data-original-title="Reopen Ticket"
      class="enable-tooltip btn btn-alt btn-danger reopen-btn" id="reopen-btn" >
      <i class="fa fa-undo"></i>
  </a>

我希望这能帮到您。

推荐阅读