2011-09-23 67 views
2

我一直在使用JQM幾個星期,在學習了各種示例和閱讀文檔後,似乎無法找到在成功回調中刷新文本輸入的方法。這可能與v1.0b2。我可以刷新(重置)其他元素而不是文本輸入。任何幫助,將不勝感激。由於刷新jquery移動文本輸入

回答

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

爲什麼不只是添加一個類的文本輸入,然後設置的值上,像這樣的內容:

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

我動態地創建我的代碼中一些文本輸入(基於按鈕點擊)。因爲他們正在創建之後頁面呈現,他們都顯示標準的用戶界面(而不是jQuery的移動css的外觀和感覺。)我發現,我必須在創建它們後「刷新」他們(類似於你。刷新按鈕或其他元素)

創建輸入之後,我添加一行:

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

刷新