обновить jquery мобильный текстовый ввод

Question

Я работал с JQM в течение нескольких недель, и после изучения различных примеров и чтения документов я не могу найти способ обновить ввод текста при успешном обратном вызове.Это возможно с v1.0b2.Я могу обновить (сбросить) другие элементы, но не текстовые вводы.Любая помощь будет оценена.Спасибо

Answer 1

Пример:

• http://jsfiddle.net/phillpafford/f6Prp/6/

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>

Answer 2

Я динамически создаю некоторые текстовые вводы в моем коде (на основе нажатий кнопок).Поскольку они создаются после отображения страницы, все они отображали стандартный пользовательский интерфейс (вместо того, чтобы смотреть и чувствовать jssery mobile css.) Я обнаружил, что мне нужно «обновить» их после их создания (аналогично тому, как вы обновляете кнопку или другой элемент.)

После создания входных данных я добавляю строку:

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

, чтобы обновить

Answer 3

Почему бы просто не добавить класс к текстовым входам, а затем установить значения для этих элементов следующим образом:

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