jQuery手機：輸入不在jquery手機樣式

Question

@using (var form = Html.BeginForm("SearchCustomer","Home")){ 
@Html.ValidationSummary(true) 
<table> 
    <tr> 
     <td> 
      @Html.EditorFor(m => Model.SearchString) 
     </td> 
     <td> 

     </td> 
     <td> 
       <input type="submit" name="foo" data-role="none" /> 
     </td> 
    </tr> 
</table> 

} 

@using (var form = Html.BeginForm("SearchCustomer","Home")){ 
@Html.ValidationSummary(true) 
<table> 
    <tr> 
     <td> 
      @Html.EditorFor(m => Model.SearchString) 
     </td> 
     <td> 

     </td> 
     <td> 
       <input type="submit" name="foo" data-role="none" /> 
     </td> 
    </tr> 
</table> 

} 

我希望輸入是jQuery手機樣式，但如果我將數據角色設置爲「按鈕」，則頁面爲空。我能做什麼？

Answer 1

從jQuery移動文檔：

爲了易於造型，該框架的任何按鈕或輸入元件自動轉換與類型提交，復位，按鈕或圖像到定製風格按鈕 - 有不需要添加data-role =「button」屬性。然而，如果需要的話，您可以直接調用按鈕插件上的任何選擇，就像任何jQuery插件：

$('[type='submit']').button();

爲了保持綁定到原來的按鈕或輸入事件，框架通過使隱藏的原始元素它透明並將其放置在新的按鈕標記上。當用戶點擊自定義樣式的按鈕時，他們實際上點擊了原始元素。 若要防止將表單按鈕轉換爲增強型按鈕，請添加data-role =「none」屬性和，本地控件將呈現。