javascript - 在 HTML 页面中添加弹出框数据内容，Twitter Bootstrap

Question

我使用 Twitter Bootstrap 2.0.1。我有这样一个按钮：

<a class="btn btn-info" rel="popover"
  title="today 12:11"
  data-content="I'm the content of the button 1 heyoo">Last text</a>
<a class="btn btn-info" rel="popover"
  title="yesterday 10:20"
  data-content="I'm the content of the button 2 heyoo">Last text</a>

但是当我使用这段代码时，搜索引擎不会考虑“数据内容”。但我希望蜘蛛能看到“数据内容”。

如果我这样做，按钮会变大：

<a class="btn btn-info" rel="popover"
  title="today 12:11">I'm the content of the button 1 heyoo</a>

这也是替代方法，但会创建重复数据：

<a class="btn btn-info" rel="popover"
  title="today 12:11"
  data-content="I'm the content of the button 1 heyoo">
  Last text
 <div style="display: none;">
 <span>I'm the content of the button 1 heyoo</span>
 </div>
</a>

另一种选择是将“数据内容”放入页面，但使用字体 1 点写入。但我不认为这是一个好主意。

Answer 1