jquery - 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> 

}

我希望该输入采用 jQuery 移动样式，但如果我将数据角色设置为“按钮”，则页面为空。我能做些什么？

Answer 1

来自 jQuery Mobile 文档：

为了简化样式，该框架自动将任何具有提交、重置、按钮或图像类型的按钮或输入元素转换为自定义样式按钮——无需添加 data-role="button" 属性。但是，如果需要，您可以直接调用任何选择器上的按钮插件，就像任何 jQuery 插件一样：

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

为了保留绑定到原始按钮或输入的事件，框架通过使原始元素透明并将其定位在新按钮标记上来隐藏原始元素。当用户单击自定义样式按钮时，他们实际上是在单击原始元素。为了防止表单按钮被转换为增强按钮，添加 data-role="none" 属性，将呈现原生控件。