onclick=“return confirm(")” travailler avec $('.de la classe).cliquez sur(function () {});

J'ai cette fonction qui désactive l'entrée une fois que l'utilisateur clique sur:

$('.click-off').click(function () {
    var btn = this;
    setTimeout(function () { $(btn).attr('disabled', 'disabled'); }, 1);
    return true;
});

Et j'ai cette entrée avec un javascript confirmation:

<input type="submit" class="click-off" onclick="return confirm('Are you sure?');" value="Delete">

Même si je clique sur "annuler" dans la boîte de dialogue de confirmation, le $('.cliquez-off").événement click() est appelée, et le bouton est désactivé.

L' $('.cliquez-off").cliquez sur() est utilisé par beaucoup d'entrées, de sorte que la confirmation ne peut pas être à l'intérieur d'elle.

Comment puis-je vérifier le confirmer le retour dans le $('.cliquez-off").cliquez sur l'événement? Ou même empêcher l' $('.cliquez-off").cliquez sur l'événement pour être appelé?

InformationsquelleAutor Fernando | 2012-12-27
  1. 8

    Pourquoi vous avez ces pièces de la logique se séparer en premier lieu? Voici 2 méthodes pour contourner le problème:

    Combiner la logique dans une seule méthode:

    $('.click-off').click(function () {
    //escape here if the confirm is false;
    if (!confirm('Are you sure?')) return false;
    var btn = this;
    setTimeout(function () { $(btn).attr('disabled', 'disabled'); }, 1);
    return true;
});

    Utiliser une variable globale (ou d'un objet de préférence):

    var clickOffConfirmed = false;

<input type="submit" class="click-off" onclick="clickOffConfirmed = confirm('Are you sure?');" value="Delete" />


$('.click-off').click(function () {
    //escape here if the confirm is false;
    if (!clickOffConfirmed) return false;
    var btn = this;
    setTimeout(function () { $(btn).attr('disabled', 'disabled'); }, 1);
    return true;
});
    InformationsquelleAutor Joel Etherton
  2. 1

    Vous devriez éviter l'accrochage des actions à la fois avec jquery et onclick, principalement parce que vous allez bientôt être totalement perdu dans votre code.

    Ainsi, par exemple, vous pouvez faire ceci:

    $('.click-off').click(function () {

   var r=confirm("Are you sure?")
   if (r==true)
   {
       var btn = this;
       setTimeout(function () { $(btn).attr('disabled', 'disabled'); }, 1);
       return true;
   }
   else
   {
       //nothing to do here
   }

});

    Et supprimer l'événement onclick. Ainsi, vous aurez tout dans un seul endroit.

    Dans votre exemple, vous crochet deux fois à l'événement click, et ils ont tous deux obtenir tiré malgré les résultats de chaque autre.

    • Le $('.cliquez-off").cliquez sur() est une fonction globale, utilisée par beaucoup d'entrées... je ne veux pas mettre la confirmation de l'intérieur!
    InformationsquelleAutor povilasp
  3. 1

    Essayer de capturer le champ confirmer la désactivation du bouton.

    $('.click-off').click(function () {
  var r=confirm("Press a button");
  if (r==true)
  {
    $(this).attr('disabled', 'disabled');
  }
  else
  {

  }
});

    aussi supprimer le onclick

    • Le $('.cliquez-off").cliquez sur() est une fonction globale, utilisée par beaucoup d'entrées... je ne veux pas mettre la confirmation de l'intérieur!
    InformationsquelleAutor Pedro Estrada