/ / refresh jquery mobile saisie de texte - jquery, jquery-mobile

actualiser les entrées de texte jquery mobile - jquery, jquery-mobile

J'ai travaillé avec JQM pour un couple desemaines et après avoir étudié divers exemples et lu la documentation, il me semblait impossible de trouver un moyen de rafraîchir les entrées de texte dans un rappel réussi. Est-ce possible avec v1.0b2. Je peux actualiser (réinitialiser) d'autres éléments mais pas les entrées de texte. Toute aide serait appréciée. Merci

Réponses:

2 pour la réponse № 1

Exemple:

JS

$("#reset").click(function() {
$(".resetMe").val("");
$("input[name="checkbox-1"]").attr("checked",false).checkboxradio("refresh");
$("input[name="radio-choice-1"]").attr("checked",false).checkboxradio("refresh");
});

HTML

<div data-role="page" id="home">
<div data-role="content">
<div data-role="fieldcontain">
<label for="name">Text Input:</label>
<input type="text" name="name" id="name" value="" class="resetMe" />
</div>
<div data-role="fieldcontain">
<label for="textarea">Textarea:</label>
<textarea cols="40" rows="8" name="textarea" id="textarea" class="resetMe"></textarea>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>Agree to the terms:</legend>
<input type="checkbox" name="checkbox-1" id="checkbox-1" />
<label for="checkbox-1">I agree</label>
</fieldset>
</div>
<div data-role="fieldcontain">
<fieldset data-role="controlgroup">
<legend>Choose a pet:</legend>
<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" />
<label for="radio-choice-1">Cat</label>

<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
<label for="radio-choice-2">Dog</label>

<input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
<label for="radio-choice-3">Hamster</label>

<input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
<label for="radio-choice-4">Lizard</label>
</fieldset>
</div>
<a href="#" data-role="button" id="reset">Reset button</a>
</div>
</div>

2 pour la réponse № 2

Je crée dynamiquement des entrées de texte dans mon code (en fonction des clics de bouton). Parce qu'ils sont en train d'être créés après la page est rendue, ils montraient tous lainterface utilisateur standard (au lieu de l'apparence et de la convivialité de jquery mobile css.) J'ai découvert que je devais les "actualiser" après les avoir créées (comme pour l'actualisation d'un bouton ou d'un autre élément.)

Après avoir créé les entrées, j'ajoute la ligne:

$("#myInputName").textinput();

rafraîchir


1 pour la réponse № 3

Pourquoi ne pas simplement ajouter une classe aux entrées de texte et ensuite définir les valeurs sur ces éléments comme suit:

$(".my_class").val("");