jQuery 代码不适用于 html 按钮

Question

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

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

        <!----------------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>

Answer 1

在您的按钮代码中添加 id 重新打开-btn。您正在使用类重新打开-btn 并传递#reopen-btn。所以，你的活动不起作用&nbsp; <a href="#" data-original-title="Reopen Ticket"&nbsp; &nbsp; &nbsp; class="enable-tooltip btn btn-alt btn-danger reopen-btn" id="reopen-btn" >&nbsp; &nbsp; &nbsp; <i class="fa fa-undo"></i>&nbsp; </a>&nbsp;我希望这能帮到您。