-1

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

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

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

3 回答 3

1

在您的按钮代码中添加 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>

我希望这能帮到您。

于 2019-09-19T05:16:26.130 回答
0

你不应该使用innerHtml但是.html()

此外，您应该使用.reopen-btn而不是#reopen-btn，因为它是一个类而不是 ID。

$(document).on("click",".reopen-btn", function (e){
    $(e.target).html('<span>(Reopended)</span>');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="btnTemplate" class="show">
    <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>Button
        </a>
    </div>
</div>

于 2019-09-19T05:07:09.863 回答
0

您可以使用以下代码。

<div id="btnTemplate" class="show">
    <div class="btn-group btn-group-sm">
        <a href="#" data-original-title="Reopen Ticket" class="enable-tooltip btn btn-alt btn-danger reopen-btn" id="reopen-btn">Ticket Title</a>
    </div>
</div>

你的 JQuery 应该是，

$(document).on(
    "click",
    "#reopen-btn",
    function (e){
        $(e.target).text('reopened : ' + $(e.target).text());
    }
);

在您的代码中，您尝试将事件<a href>与其类名绑定。但是您使用#reopen-btn了标识符。#标记用于标识一个带有它的元素id。所以你需要为id你的元素添加属性或者你需要使用.reopen-btn.

另一个错误是使用innerHTML. 使用 jQuery，您可以使用htmlortext代替。

于 2019-09-19T05:31:08.853 回答