在jQuery UI工具提示中显示字段内容

Question

在SPD 2010中我创建了一个ASPX页面，其中我已插入空数据视图。然后，我选择了列表，然后在页面上显示的字段。我想包含一个“工具提示”弹出窗口，它将显示相关信息，该信息也存储在列表项中。我找到了看起来有希望的jQuery UI工具提示。我还发现了一个适用于jQuery的Plethora插件，基本上是相同的事情，但看起来不同。 我的问题是，我不知道如何集成这些（或者他们甚至以这种方式工作）所以它们将通过aspx页面显示工具提示。我该怎么做？我相信它们是设置的，因此您可以创建JS页面并通过CEWP附加，以影响您在页面上建立的列表的视图。

有没有简单的方法来做这个？如果是这样，请展示代码（并像漫未的挂机一样对待我）。我认为我正在考虑创建一个OO函数，可以从列表中拉出@listfield并将其显示为弹出窗口。我确信将有一些css代码与 onmouseover 和 onmouseout 代码，但我真的不知道如何将它纳入aspx页面来拉出信息。

除了旁边，我没有结婚为jQuery工具提示解决方案。如果有人有更好的方式，或者更容易的方式，我已经过了。

编辑：我想我需要添加或重写我的问题，因为我正在寻找弹出窗口中的 dynamic 内容，它从同一列表中拉动作为显示信息。我能够让工具提示工作，没有太多问题。它为我提供了我硬代码进入页面的通用输入。我需要帮助是代码的集成。我正在使用以下内容来获取QTIP工作：

<script type="text/javascript">
    $(document).ready(function() { 
        $("[title]").each(function()
        {
            $(this).qtip();
        });
    });
</script>

.

并将其显示为弹出窗口：

<xsl:choose>
     <xsl:when test="@field='1','True','','i')=0">Yes</xsl:when>
     <xsl:otherwise><span title="Hey, this is a try.">No</span></xsl:otherwise>
</xsl:choose>

.

心灵，由于原因，“测试”部分中的代码在我的页面上更加精致，所以不要担心那里的任何语法错误，我只是在一起扔东西。所以，进一步的问题是，如何将显示器的“标题”部分交换到上面的代码中的“标题”部分，以包括弹出窗口中的动态数据？假设我的第二个字段来自列表是 @SecondField 。

Answer 1

这是一个广泛的问题，有多种方法可以接近它。

首先，您需要确定获取“关联信息”的位置。如果它只是几个字段，您可以考虑在数据视图中加载它。如果它是一个更大的块（例如包括图像），那么您将在用户选择项目时随时加载它。

[编辑] 根据您的示例代码，您选择了第一个选项 - 在标题属性中加载工具提示数据。随着略微的变化，你应该能够制作标题属性动态，类似于这个：

<span title="{@popupField}">