Question

我正在尝试添加显示图像的工具提示。这需要通过JS注入完成。我可以使用jQuery。对于测试 - 我对视图使用相同的图像，当用户将鼠标悬停在图像上时，它应该在工具提示中显示相同的图像。这是我当前的代码无效：

<img src="https://images.quickbase.com/si/16/751-binary_view.png"  onload="$(this).tooltip({content: "<img src='https://images.quickbase.com/si/16/751-binary_view.png'/>"});">

Answer 1

编辑：我添加了一个data-tooltip来使用工具提示标记图像（与不使用工具提示的图像相比）。

你必须逃避报价（至少）：

<img src="https://images.quickbase.com/si/16/751-binary_view.png"
  onload="$(this).tooltip({
    content: \"<img src='https://images.quickbase.com/si/16/751-binary_view.png'/>\"
  });"
/>

也许最好将它完全保留在标签之外。

<img src="https://images.quickbase.com/si/16/751-binary_view.png"
  data-tooltip="true" />

以及标题中的某个地方：

$(function () {
  $("img[data-tooltip='true']").each(function () {
    $(this).on("load", function () {
     var content;

     content = "<img src='{src}'/>".replace("{src}", $(this).attr("src"));
     $(this).tooltip({ "content": content });
    });
  });
});

data-tooltip="true"属性允许您准确选择哪些图像应该具有工具提示而哪些图像不具有（在后一种情况下忽略它）。

通过JavaScript添加工具提示

1 个答案: