Question

我想用qTip创建工具提示，但是他们的页面上有很多荒谬的例子，这些例子很复杂。

我想要类似的东西：

<span qtip="This is the text in my tooltip">This text has a tooltip</span>

可能吗？

$（document）.ready不是一个选项，因为我有一个循环，其中包含几个需要工具提示的单元格。

元代码：

foreach Customer in List<Customers>
{
    <tr>
        <td>
            <span qtip="Tooltip for Name">Customer.Name</span>
        </td>
        <td>
            <span qtip="Tooltip for Address">Customer.Address</span>
        </td>
        <td>
            <span qtip="Tooltip for Phonenumber">Customer.Phonenumber</span>
        </td>
    </tr>
}

这是否可以使用qtip或者是否有其他可以生成漂亮外观的工具提示，其工作方式与上述类似？

感谢您的帮助。

Answer 1

文档建议您应该能够使用以下JS：

$('[qtip!=""]').qtip({
  content: {
    attr: 'qtip'
  }
});

这应该抓住具有{{1}}属性的所有元素，并将qtip应用于它们。

虽然我很好奇你的意思

$（document）.ready不是一个选项，因为我有一个循环，其中包含几个需要工具提示的单元格。

您是说在不重新加载页面的情况下动态添加您的客户列表？如果是这样，请说明发生的地方。

为了安全起见，如果您的客户列表没有变化，您应该使用qTip。

以下是基于以下问题的示例：

＆＃13;

$(document).ready

＆＃13;

$(document).ready(function() {
  $('[qtip!=""]').qtip({
    content: {
      attr: 'qtip'
    }
  });
});

＆＃13;

非常简单的qtip实现

1 个答案: