javascript - 主干 View 作为无序或有序 html 列表的一部分

Question

我有一个问题 - 我有一个列表:

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
</ol>

这部分是静态的，永远不会改变。

另一个按钮将主干 View 添加到此列表而不对其进行分组。

如你所知；您需要在 View 上使用 el 标记，或者至少需要根标记，因为我可能需要在此 View 上进行进一步的事件捕获。我不能使用 div 标签，因为生成的 html 是无效的，这:

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <div class="myBackboneView">
        <li>List item for first component</li>
        <li>List item for second component</li>
    </div>
</ol>

(li 中不能有 div 标签)

有谁知道我怎样才能在不弄乱 html 验证的情况下偷偷摸摸根标签。

要么是那样，要么是有一个 Backbone 技巧允许您在不使用 el 的情况下将 View 链接在一起。

我还希望能够添加任意数量的这些 View - 所以我有一个以 ol 标签为根的 Root View ，然后在该 View 中它会委托(delegate)给每个 li 组的单独 View 和所以问题是我无法放置标签来对这些 li 标签进行分组。

我知道您可能认为它应该是一个单独的列表，但这是一个要做的事情的列表。如果他们添加这个新 View ，他们在列表中有更多的事情要做 - 因此它成为一个列表的一部分是有意义的。

感谢您的帮助 - 我要去制作肉丸了。

Answer 1

试试这个:

<ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li class="myBackboneView">
      <ol>
        <li>List item for first component</li>
        <li>List item for second component</li>
      <ol>
    </li>
</ol>

您还可以将 class="myBackboneView" 放在内部 ol 上。