我已经和JQM合作了几个星期,在研究了各种示例和阅读文档之后,我似乎找不到一种方法来刷新成功回调中的文本输入。这可能与v1.0b2有关。我可以刷新(重置)其他元素而不是文本输入。任何帮助,将不胜感激。感谢
答案 0 :(得分:2)
示例:
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>
答案 1 :(得分:2)
我在代码中动态创建一些文本输入(基于按钮点击)。因为它们是在之后创建的,所以它们都显示了标准的UI(而不是jquery mobile css外观。)我发现我必须刷新&#34 ;创建它们之后(类似于刷新按钮或其他元素的方式。)
创建输入后,我添加以下行:
$('#myInputName').textinput();
刷新
答案 2 :(得分:1)
为什么不在文本输入中添加一个类,然后像这样设置这些元素的值:
$(".my_class").val("");