砖石媒体项目块工具提示

Question

以下是在 Rails 3 申请中：

<i class="fa fa-hourglass-half has-tooltip info-icon-small" aria-hidden="true" data-toggle="tooltip" data-placement="auto" data-original-title="This tooltip shows up as expected."></i>
<ul class="masonry media-grid" style="margin-top: 15px;">
    <li class="masonry-brick media-item">
        <h3>This text shows up</h3>
        <i class="fa fa-hourglass-half has-tooltip info-icon-small" aria-hidden="true" data-toggle="tooltip" data-placement="auto" data-original-title="No sign of this tooltip."></i>
    </li>
</ul>

当查看页面时，第一个图标会显示一个有效的工具提示，但第二个图标的工具提示永远不可见。从每个 <li> 元素中删除 class="masonry-bick media-item" 会导致显示工具提示，同时当然会弄乱布局。

有谁知道为什么会这样，或者有什么方法可以让工具提示显示在 <li class="masonry-brick media-item"> 元素中？

Answer 1

似乎没有人知道解决此问题的方法，我也不知道，但我确实使用了一种变通方法来显示工具提示。这是为了从图标中删除工具提示并将它们连接到 <li> 元素中，因此：

<li class="masonry-brick media-item" data-toggle="tooltip" data-placement="auto" title="First tooltip. &#13;Second tooltip.">

这不是很好，但至少当鼠标移到包含图标的元素上时会显示所需的消息。

砖石媒体项目块工具提示

masonry-brick media-item blocks tooltips

jquery

ruby-on-rails

ruby-on-rails-3