从静态html文件获取内容的最佳jQuery工具提示？

我目前在一个页面上有100多个隐藏的工具提示框，这会导致加载时间变慢，我想在单独的页面上移动这些工具提示，例如tooltips.html，并且只在翻滚时需要时调用工具提示（我想是aJax？）

工具提示可通过div识别，例如

div id=“tip1”

div id=“tip2”

这是区分每个工具提示的好方法

工具提示将包含文本，有时还包含图像（不知道这是否是问题）

我很难找到可以解决这个问题的方法，希望有人能帮我

---

非常感谢。

您可能需要研究jQuery方法。例如：

$('#myTarget').load('tooltips.html div#tip1');

---

您可能需要研究jQuery方法。例如：

$('#myTarget').load('tooltips.html div#tip1');

---

如果您选择（

mouseover

），您可以使用类似的方法

链接（假设使用元素链接触发工具提示）应该是这样的

<a href="#tip1" class="class-of-element-that-triggers-tooltip">show tip 1</a>

您还需要一个工具提示容器

<div id="tooltip-container"></div>

---

样式将与当前一样工作。（如果相关css包含在用户正在查看的页面中，则工具提示可以使用该css。）

---

我可能还会将一个加载程序图像作为

#tooltip container

元素的背景，以便在从AJAX请求获取工具提示时显示它。

如果您选择（

鼠标悬停

）

链接（假设使用元素链接触发工具提示）应该是这样的

<a href="#tip1" class="class-of-element-that-triggers-tooltip">show tip 1</a>

您还需要一个工具提示容器

<div id="tooltip-container"></div>

---

样式将与当前一样工作。（如果相关css包含在用户正在查看的页面中，则工具提示可以使用该css。）

---

我可能还会将一个加载程序图像作为

#tooltip container

元素的背景，以便在从AJAX请求获取工具提示时显示它。

您能举个例子吗？e、 g.这会产生什么效果？…工具提示将如何显示。。。。如何控制样式？谢谢，可能对我来说太简单了，需要一些我可以处理的东西。啊，从你的问题来看，我假设你已经整理了所有的工具提示代码，你只想“ajaxify”检索特定的工具提示内容。试试谷歌搜索“jquery工具提示插件”，那里有很多现成的解决方案。你能举个例子吗？e、 g.这会产生什么效果？…工具提示将如何显示。。。。如何控制样式？谢谢，可能对我来说太简单了，需要一些我可以处理的东西。啊，从你的问题来看，我假设你已经整理了所有的工具提示代码，你只想“ajaxify”检索特定的工具提示内容。试着用谷歌搜索“jquery工具提示插件”，那里有很多现成的解决方案。谢谢，你知道它在悬停时正确定位所需的css吗？请@user，定义正确的内容。。我是说工具提示应该出现在哪里？悬停元素的上方/下方/右侧/左侧？在所有工具提示的一个特定位置？谢谢，你知道正确定位悬停所需的css吗？请@user，定义正确的内容。。我是说工具提示应该出现在哪里？悬停元素的上方/下方/右侧/左侧？在所有工具提示的特定位置？