Question

我在下一个按钮中添加了一个id，用于在bootstrap tour中跟随模板标签设置样式。我在下一个按钮上应用了一个新的id，但它只将它应用于第一个按钮，而不是后一个按钮。有谁知道为什么？

template: "<div class='popover tour'>
<div class='arrow'></div>
<h3 class='popover-title'></h3>
<div class='popover-content'></div>
<div class='popover-navigation'>
    <button class='btn btn-default' data-role='prev'>« Prev</button>
    <span data-role='separator'>|</span>
    <button class='btn btn-default' id="thisone" data-role='next'>Next »</button>
</div>
<button class='btn btn-default' data-role='end'>End tour</button>
</nav>
</div>",

Answer 1

问题是您多次使用ID，请改用类。 id应该是唯一的。所以要小心。

从：

id="thisone"

为：

class="thisone"

您可以在此处详细了解该问题：https://stackoverflow.com/a/11114634/2649456

Answer 2

我解决了这个问题。我用类而不是id来定位元素，因为我的要求一般不是单数。

  lst := TStringList.Create;
  try
    for I := 1 to 4 do
      lst.Add('Test');
    lst.LineBreak := ' and ';
    Writeln(lst.Text);
  finally
    lst.Free;
  end;

Bootstrap游览模板未在所有按钮上应用id

2 个答案: