如何在一个应用程序中组织和实现多个 jQuerymobile 主题？

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 at the bottom of the page). I've put together a jsfiddle以及举个例子

如何在一个应用程序中组织和实现多个 jQuerymobile 主题？

How to organize and implement multiple jQuerymobile themes in one application?

themes

themeroller

jquery-mobile