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="按钮”属性。但是，如果需要，您可以直接调用任何选择器上的按钮插件，就像任何 jQuery 插件一样：

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

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