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”属性，将呈现本机控件。

jQuery mobile：输入不是jquery移动风格

1 个答案: