Question

我正在尝试使用JQuery Mobile在移动应用程序的文本框中显示文本。不知何故，我得到的文本框在桌面上显示。样式未应用于文本框。

如果我在Firebug中看到，我看到我得到一个没有样式的空class。必须应用此样式 - class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset"

但事实并非如此。不知道我是否错过了之前应用某些js的东西？

@{
    Layout = "~/Views/Shared/_MobileLayout.cshtml";
}

@Html.AntiForgeryToken()

<form action="~/Mobile/Register/Complete" method="post" data-ajax="false" id="formId">    
<div id="container" style="margin: -6px;">   
   <div>
   <h1 style="margin: 0 0 5px;">Register</h1>
    <div class="section">
        <h3 style="margin-bottom: 0;">Enter the fields</h3>
        <div class="ui-field-contain">
            <label for="UserName">Username</label>
            @Html.TextBoxFor(m => m.Username, new {@class = "ui-field-contain", style = "width:100%", @readonly = true})
            @Html.ValidationMessageFor(model => model.Username)
        </div>
     </div>    
    </div>
  <div>    
</form>

非常感谢，

谢谢，

阚

Answer 1

我试图在我的JavaScript代码中删除以下类：

this.page.find('.ui-shadow-inset').removeClass('ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset');

当我删除上面的代码时，它开始工作，样式正在应用。

全部感谢回复

JQuery Mobile -Text输入不适用于样式

1 个答案: