-1
votes

Le code JQuery n'applique pas dans le bouton HTML

Dans mon système, les utilisateurs peuvent créer / ouvrir un billet concernant des problèmes auxquels ils sont confrontés. Une fois que nous avons résolu ce problème, nous fermons le billet. Ensuite, ce billet particulier est montré sous des billets fermés. Maintenant, l'utilisateur a une option pour rouvrir le billet. S'il l'a fait, le ticket est affiché sous un ticket ouvert.

Dans ce scénario, je souhaite que le nom du ticket inclue la balise "rouverte". En d'autres termes, je dois modifier le nom du ticket, lorsque le bouton RÉOPEN est cliqué sur.

xxx xxx

code HTML complet: xxx


1 commentaires

reopen-btn est une classe, essayez . au lieu de # ...... $ (document) .on (" Cliquez sur ",". Réouvez-BTN ", fonction (E) {


3 Réponses :


0
votes

Vous ne devez pas utiliser innerhtml code> mais .html () code>

aussi, vous devez utiliser .reopen-btn code> au lieu de # Réouvez-BTN code>, car c'est une classe non ID. p>

p>

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


2 commentaires

Classe = "Masquer" disparaît les boutons PLZ vérifier la question mise à jour (j'ai écrit le code HTML complet)


C'est une classe Bootstrap. Si vous utilisez cela, le contenu sera caché.



1
votes

Ajouter une identification RÉOPEN-BTN dans votre code de bouton.Vous utilisez la classe ROOPEN-BTN et le passage # ROPEN-BTN. Donc, votre événement ne fonctionne pas

p>

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


1 commentaires

PlZ vérifier la question mise à jour (j'ai écrit le code HTML complet)



0
votes

Vous pouvez utiliser le code suivant.

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


2 commentaires

Classe = "Masquer" disparaît les boutons PLZ vérifier la question mise à jour (j'ai écrit le code HTML complet)


Le code HTML complet n'est pas là. S'il vous plaît mettre à jour correctement.