Question

您好我通过themeroller shared实施jquerymobile主题。我已经应用了两个样本a和b按钮是蓝色的但是翻转开关是橙色的现在，我如何在一个页面中应用这两个主题我已尝试过这个

  <fieldset data-role="controlgroup">

  <div class="ui-field-contain">
      <label for="txtEmail" class="ui-hidden-accessible"></label>
      <input name="txtEmail" id="txtEmail" placeholder="Email" value="" type="text" data-clear-btn="true"  data-theme="a" />
  </div>
  <div class="ui-field-contain">

      <label for="txtPassword" class="ui-hidden-accessible"></label>
      <input name="txtPassword" id="txtPassword" placeholder="Password" value="" type="password" data-clear-btn="true"  data-theme="a" />
       </div>

  <div class="containing-element"  >  

    <label class="fliplabel"   for="flipRemember">Remember me:</label>
      
  <select id="flipRemember" name="flipRemember" data-role="slider"  data-theme="b" >
          <option value="No">No</option>
          <option value="Yes">Yes</option>
      </select>

   </div>

       <div class="ui-field-contain" class="fieldbutton">
          <a id="btnSignin" data-theme="a" data-role="button"  data-theme="a"  href="javascript:void(0);">Sign In</a>
       </div> 

</fieldset>

Answer 1

你应该在那里工作。您需要包含jquerymobile.js和jquerymobile.css，以及主题的css文件。除此之外，您可以使用主题相关的css类（例如页面底部的ui-body-b（shown here）将主题直接应用于页面的某些部分（jquerymobile控件或常规页面元素））。我也整理了一个jsfiddle以举例说明

有没有人有任何提示可以帮助我在一个应用程序中组织和实现多个jQuerymobile主题？

1 个答案: