刷新jquery移动文本输入

时间:2011-09-23 10:39:37

标签: jquery jquery-mobile

我已经和JQM合作了几个星期,在研究了各种示例和阅读文档之后,我似乎找不到一种方法来刷新成功回调中的文本输入。这可能与v1.0b2有关。我可以刷新(重置)其他元素而不是文本输入。任何帮助,将不胜感激。感谢

3 个答案:

答案 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("");