Javascript jQuery工具-工具提示问题

这里有一个工具提示问题。希望有人能帮忙修改一下代码。 我在用电话。我需要工具提示从单独的div打开，在那里我可以使用任何html代码。到目前为止，我只有一个工具提示要打开：

<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>

<script>
  $(document).ready(function() {
        $("#download_now").tooltip({
           offset: [5, 0],
           effect: 'slide'
        }).dynamic({ bottom: { direction: 'down', bounce: true } });

});
</script>

$（文档）.ready（函数（）{
$（“#立即下载”）。工具提示({
偏移量：[5,0]，
效果：“幻灯片”
}).dynamic（{bottom:{direction:'down'，bounce:true}}）；
});

除了我需要添加更多的工具提示外，它工作正常

有人可以帮助修改脚本，以便通过id添加更多工具提示吗？

这是（正在工作）

这是（不工作）

我相信应该有一个简单的解决办法。我只是不是javascript专家

---

谢谢

好的，我知道了。很抱歉，我以为你正在使用（据我所知，它提供了比你正在使用的库更好的小部件）

通过阅读，我发现：

在此之后，触发器旁边的元素将用作工具提示

这意味着您的工具提示内容（使用您指定的html）需要放在您想要tootip的元素之后，如下所示：

Lorem ipsum 
<a id="download_now1" class="need_tooltip">
    <strong>dolor sit amet</strong>
</a>
<div class="tooltip">
    <p><strong>Some sample text</strong> with html within...</p>
</div>

Lorem ipsum

如果您不能将工具提示内容直接放在元素之后，我建议您使用jqueryui，它可以更灵活地定义工具提示内容


编辑以提供jquery ui版本

当元素失去焦点时，jQueryUI工具提示基本上关闭，所以您不能将工具提示悬停（例如，单击内部的链接）。但有一种解决方法可以防止工具提示在这种情况下关闭：）。因此，我认为这满足了您的要求。
好的，我明白了。很抱歉，我以为你正在使用（据我所知，它提供了比你正在使用的库更好的小部件）

通过阅读，我发现：

在此之后，触发器旁边的元素将用作工具提示

这意味着您的工具提示内容（使用您指定的html）需要放在您想要tootip的元素之后，如下所示：

Lorem ipsum 
<a id="download_now1" class="need_tooltip">
    <strong>dolor sit amet</strong>
</a>
<div class="tooltip">
    <p><strong>Some sample text</strong> with html within...</p>
</div>

Lorem ipsum

如果您不能将工具提示内容直接放在元素之后，我建议您使用jqueryui，它可以更灵活地定义工具提示内容


编辑以提供jquery ui版本

当元素失去焦点时，jQueryUI工具提示基本上关闭，所以您不能将工具提示悬停（例如，单击内部的链接）。但有一种解决方法可以防止工具提示在这种情况下关闭：）。因此，我认为这满足了您的要求。
好的，我明白了。很抱歉，我以为你正在使用（据我所知，它提供了比你正在使用的库更好的小部件）

通过阅读，我发现：

在此之后，触发器旁边的元素将用作工具提示

这意味着您的工具提示内容（使用您指定的html）需要放在您想要tootip的元素之后，如下所示：

Lorem ipsum 
<a id="download_now1" class="need_tooltip">
    <strong>dolor sit amet</strong>
</a>
<div class="tooltip">
    <p><strong>Some sample text</strong> with html within...</p>
</div>

Lorem ipsum

如果您不能将工具提示内容直接放在元素之后，我建议您使用jqueryui，它可以更灵活地定义工具提示内容


编辑以提供jquery ui版本

当元素失去焦点时，jQueryUI工具提示基本上关闭，所以您不能将工具提示悬停（例如，单击内部的链接）。但有一种解决方法可以防止工具提示在这种情况下关闭：）。因此，我认为这满足了您的要求。
好的，我明白了。很抱歉，我以为你正在使用（据我所知，它提供了比你正在使用的库更好的小部件）

通过阅读，我发现：

在此之后，触发器旁边的元素将用作工具提示

这意味着您的工具提示内容（使用您指定的html）需要放在您想要tootip的元素之后，如下所示：

Lorem ipsum 
<a id="download_now1" class="need_tooltip">
    <strong>dolor sit amet</strong>
</a>
<div class="tooltip">
    <p><strong>Some sample text</strong> with html within...</p>
</div>

Lorem ipsum

如果您不能将工具提示内容直接放在元素之后，我建议您使用jqueryui，它可以更灵活地定义工具提示内容


编辑以提供jquery ui版本

当元素失去焦点时，jQueryUI工具提示基本上关闭，所以您不能将工具提示悬停（例如，单击内部的链接）。但有一种解决方法可以防止工具提示在这种情况下关闭：）。因此，我认为这满足了您的需求。
我知道元素具有唯一的DOM元素标识符。我只是不知道如何修改脚本来实现我的目标。我知道如何使用从标题调用的多个工具提示，但这里的想法是从div调用内容，在那里我可以添加我需要的任何内容（图片、文本、链接等）。不幸的是，标题不适用于此。此外，它不是jquery ui工具提示。这个工具提示基于不同的库——jQuery工具——这几乎就是我们想要的，但是我想让所有的div都单独放在带有触发器的html下，这样可以很容易地维护。我最终尝试构建的界面将非常复杂。我也更喜欢jQueryUI工具提示，但找不到与此想法相近的正确演示。如果您能演示如何使用jQueryUI解决这个问题，我将不胜感激。如果触发器可以点击，那也会很有帮助。谢谢你的帮助！我提供了一个jQueryUI版本来满足您的需要，正是这样。非常感谢你的帮助！我知道元素具有唯一的DOM元素标识符。我只是不知道如何修改脚本来实现我的目标。我知道如何使用从标题调用的多个工具提示，但这里的想法是从div调用内容，在那里我可以添加我需要的任何内容（图片、文本、链接等）。不幸的是，标题不适用于此。此外，它不是jquery ui工具提示。这个工具提示基于不同的库-jQuery工具-这几乎就是我想要的，但我想