fadeIn не работает при использовании с JQuery Mobile в мобильном приложении

Question

У меня есть несколько <div> на мой взгляд, и я хочу отображать содержимое первого div при первой загрузке страницы. Я пытаюсь использовать fadeIn, но даже после использования: первый селектор, представление отображает все содержимое в div.

$(".section:first").fadeIn(); 

Это работает в обычном рабочем столе, но не в моем мобильном представлении.

Мой Html код:

<form action="~/Home/About" method="post" data-ajax="false" id="formId" onkeyup="formkeyup();"> 
<fieldset> 
    <legend>Registration Form</legend> 
    <div class="section"> 
     <h3>Step 1: Password</h3> 
     <ol> 
      <li> 
       @Html.LabelFor(m => m.UserName) 
       @Html.TextBoxFor(m => m.UserName) 
      </li> 
      <li> 
       @Html.LabelFor(m => m.Password) 
       <input type="password" name="pwd" id="pwd" autocomplete="off" value="@Model.Password" onkeyup=" return Validate() "/> 
      </li> 
      <li> 
       @Html.LabelFor(m => m.ConfirmPassword) 
       <input type="password" name="confirmpwd" id="confirmpwd" autocomplete="off" value="@Model.ConfirmPwd" onkeyup=" return Validate() "/> 
      </li> 
     </ol> 
    </div> 
    <div id="divSection2" class="section"> 
     <h3>Step 2: Age</h3> 
     <div class="editor-label"> 
      @Html.LabelFor(model => model.Age) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Age) 
      @Html.ValidationMessageFor(model => model.Age) 
     </div> 
    </div> 

    <p> 
<input type="button" id="SubmitId" name="SubmitId" value="Submit" /> 
    </p> 
</fieldset> 
</form> 

Любая помощь на этом очень ценится!

Answer 1

Вы пробовали в том числе внутри круглых скобок в вашей функции .fadeIn()

$(".section:first").fadeIn("slow") 

также мы можем увидеть ваш полный код JQuery?