Html framework 7 无法在framework7中设置堆叠标签

我无法在framework7中设置堆叠标签。 这是我的密码：-

    <div class="list">
    <ul>
    <li class="item-content item-input">
<div class="item-inner">
<div class="item-title item-label">Name</div>
    <div class="item-input-wrap">
<input type="text" name="name" />
    <span class="input-clear-button"> 
    </span>
 </div>
    </div>
    </li>
    </ul>
    </div>![check this image]

名称


![检查此图像]

---

（）

在跟踪您的代码之后，我发现

项目标签之间有一个空格，如果您删除它，您的代码将运行良好。您可以从这里查看您的示例：

建议：您可以使用键盘上的tab按钮来获得排序后的代码
将使您的代码易于阅读和跟踪，如下所示：



...

名称

...

我仍然有同样的问题，然后你的代码中出现了问题，可能他们的错误出现在你的include css文件中，任何东西都会覆盖它……从fiddle获取一个样本……或者确保控制台中没有错误js。你能把你的主Html布局放进去吗？以及主应用程序js代码？或者您是否可以检查控制台是否有任何错误。。。还要确保应用程序脚本引用现有的id@SheikhHaziq你们会看到一个白色的空白页，因为你们为应用程序设置了类非id…将其更改为id，代码将是工作真相。。。
<div class="list">
  <ul>
    ...
    <li class="item-content item-input">
      <div class="item-inner">
        <div class="item-title item-label">Name</div>
        <div class="item-input-wrap">
          <input type="text" name="name">
          <span class="input-clear-button"></span>
        </div>
      </div>
    </li>
    ...
  </ul>
</div>