Exécuter une action uniquement dans jQuery

Question

J'utilise jQuery UI et j'essaie de désactiver toutes les zones de texte d'un groupe de données, mais uniquement une fois par chargement des onglets. Voici ce que j'ai jusqu'à présent:

$(function() { 
     $("#tabs").tabs({ 
      cache: true, 
      load: function (event, ui) { 
       $(".data-group").one('load', function() { 
        $(this).find(':text').attr('disabled', 'disabled'); 
       }); 
      }, 
      select: function (event, ui) { 
       // Do Stuff 
      } 
     }); 
    }); 

Le résultat est que je peux activer les zones de texte (via l'interface), entrer des données, mais quand je passe loin de l'onglet et revenir, la valeur est dans la zone de texte (et les messages de validation sont affichés s'il y a une erreur dans les données), mais toutes les cases sont désactivées.

Suggestions pour corriger ce problème?

Answer 1

Je fini par résoudre ce par la mise en cache les onglets pour qu'ils ne se chargent qu'une seule fois. Ensuite, j'active les zones de texte appropriées. À partir de ce moment, les actions de l'utilisateur déterminent si d'autres cases sont activées ou désactivées.

Answer 2

Essayez la liaison à l'événement show, quelque chose le long des lignes de «s'il existe des données dans au moins l'une des entrées de texte leur permettent ensuite », par exemple:

show: function(event, ui) { 
    if($(".data-group").find(":text[value]").length) { 
     $(".data-group").find(":text").removeAttr("disabled"); 
    } 
}