无法在 framework7 中设置堆叠标签

Question

我无法在 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]

(https://i.stack.imgur.com/m6g5m.png)

Answer 1

跟踪您的代码后，我在 item- label 之间发现了一个 space，如果您删除它，您的代码将可以正常工作。你可以从这里检查你的例子：jsfiddle Live Exapmle

Advice: You can use a tab button in keyboard to get sorted code that will make your code easy to read and trace like this:

<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>

无法在 framework7 中设置堆叠标签

Not able to set stacked labels in framework7

html-framework-7