jquery mobile中的HTML代码兼容性

Question

下面的 html 代码为用户显示了一个基本的注册/登录表单，我想在使用 jquery 移动库构建的页面中使用它。

目前它不起作用，我是 jquery mobile 的新手，不确定我是否违反了基本法则，不能简单地将其放入页面并期望它起作用。

我想我可能需要更改按钮的代码以使其正常工作？

我对此进行了研究，但找不到我所问问题的 100% 答案。

<script type="text/template" id="login-template">
  <header id="header"></header>
  <div class="login">
    <form class="login-form">
      <h2>Log In</h2>
      <div class="error" style="display:none"></div>
      <input type="text" id="login-username" placeholder="Username" />
      <input type="password" id="login-password" placeholder="Password" />
      <button>Log In</button>
    </form>

    <form class="signup-form">
      <h2>Sign Up</h2>
      <div class="error" style="display:none"></div>
      <input type="text" id="signup-username" placeholder="Username" />
      <input type="password" id="signup-password" placeholder="Create a Password" />
      <button>Sign Up</button>
    </form>
  </div>
</script>

Answer 1

为什么您的 HTML 内容在 <script></script> 标记内？我不熟悉 jQuery Mobile 模块，但是，基本的 HTML 会说这无论如何都行不通。

尝试删除上述标签，看看它是否有效。我实际上不确定你想要实现什么，所以，我真的不能做出很多贡献。