La désactivation/Activation de la div à l'aide de jquery

Je suis relativement nouveau à jQuery. Je suis en train de travailler sur une application pour créer un widget pour accepter les dons à des ONG.

<div data-rle="content" id="save">  
<label for="saveWidget">Save your Widget before posting in online:</label>  
<input type="submit" value="Save Widget" id="saveWidget"
data-theme="b" data-inline="true" />  
</div>  
<div data-rle="content" id="post">  
<fieldset data-role="controlgroup">  
    <legend>Select on option for posting your online:</legend>  
    <input type="radio" name="submit" id="html" value="hmtl"
    checked="checked" /> <label for="html">Please provide
    the HTML - I'll post it myself. <br>The HTML will be
    displayed below.</label>   
            <input type="radio" name="submit" id="blog" value="blog" />   <label
    for="blog">Go to Blogger</label>  
</fieldset>  
<input type="submit" value="Get HTML" id="submitWidget"
data-theme="b" data-inline="true" />  
</div>

Mon but est d'avoir le div avec id="post" désactivé dans le début, et lorsque l'utilisateur clique sur enregistrer, je veux permettre à la div. J'ai essayé d'utiliser $('#post').attr('disabled', true); mais il ne semble pas fonctionner. La div n'a pas été désactivée
Toutes les idées sur la façon d'atteindre cet objectif.

  • Qu'entendez-vous par "désactiver une div"? Un div est juste un conteneur.
  • On ne se contente pas de désactiver un div. Vous devez désactiver le <input> éléments à l'intérieur de la div.
  • Div éléments ont pas intrinsèque de l'interaction afin de désactiver un à un sens (de sorte qu'ils n'ont pas un tel attribut ou propriété).
  • peut-être que vous voulez cacher la div?
  • Ce que je veux réaliser est que la div est grisé et sur l'utilisateur en cliquant sur le bouton enregistrer, je voudrais permettre à l'utilisateur d'interagir avec la div. Je peux aussi afficher/cacher la div, mais je veux savoir si il existe un autre moyen pour y parvenir.
InformationsquelleAutor Hozefa | 2011-12-08
  1. 1

    peut-être quelque chose comme ceci: http://jsfiddle.net/MTQzD/?

    Lorsque le document est prêt désactiver toutes les entrées dans #post. Aussi donner #post une couleur de votre choix dans votre css (par exemple, lightGray).

    Puis, quand "Enregistrer le Widget" est cliqué, activer les entrées et supprimer la couleur de la #post div. 

    $(document).ready(function() {
    $('input[type=radio]').attr('disabled', true);
    $('#submitWidget').attr('disabled', true);
});

$("#saveWidget").click(function() {
    $('input[type=radio]').attr('disabled', false);
    $('#submitWidget').attr('disabled', false);
    $('#post').css("background-color", "#EAEAEA");
});
    • Merci À Chris. Fonctionne exactement comme je le voulais.
    InformationsquelleAutor CdB
  2. 1

    Entendez-vous désactiver les entrées à l'intérieur de la div?
    Je ne suis pas en jQuery, mais j'imagine que ça doit être comme: $( "#div > input" ).attr( "disabled" , "true" );.

    Peut-être sans le true déclaration.

    InformationsquelleAutor Michael Sazonov
  3. 0

    Ce code fonctionne pour moi

    Div

    <span id="template_buttons">
  <button class="button">Button 1</button>
  <button class="button">Button 2</button>
  <button class="button">Button 3</button>
</span>

    Pour désactiver tous les objets

    $("#template_buttons *").attr("disabled", "disabled").off('click');

    Pour Permettre à tous les objets

    $("#template_buttons *").attr("disabled", false);

    Vérifier dans jsfiddle
    http://jsfiddle.net/muthupandiant/orv2d9k1/1/

    InformationsquelleAutor muTheTechie
  4. 0

    $('#div_name :input').attr('disabled', true); //désactiver div éléments d'entrée

    $('#div_pjt :input').removeAttr('disabled');/activer/div éléments d'entrée

    Ce code fonctionne pour moi

    • Un peu de contexte, ce serait bien.
    InformationsquelleAutor user6467624