使用主干模板更改jQuery类

Question

当我使用骨干（来自parse.com）为我的基于jQuery的页面添加模板时，所有内容一起改变（下面代码的第一行）

<script type="text/template" id="login-template">
  <header id="header"></header>
  <div class="login">
    <form class="login-form">
      <br>
      <div class="error" style="display:none"></div>
      <input type="text" id="login-username" placeholder="Your email" />
      <input type="password" id="login-password" placeholder="Password" />
      <button>Log In</button>
    </form>
    <form class="signup-form">
      <br>
      <div class="error" style="display:none"></div>
      <input type="text" id="signup-username" placeholder="Your email" />
      <input type="password" id="signup-password" placeholder="Create a Password" />
      <button>Sign Up</button>
    </form>
  </div>
</script>

如果没有上面的第一行代码，它的外观如何

上面第一行代码的外观如何

Answer 1

似乎在我创建主干模板之后，我可以应用正确的类来使用jQuery CSS类，如下所示。你只需要申请课程。

 <button class="ui-btn ui-corner-all ui-shadow">Login</button>

而不是说使用

<button>Sign Up</button>

查看登录按钮在仍然在骨干模板中工作时如何更改外观。