Jorn 的 JQuery 工具提示插件答案

【问题标题】：JQuery Tooltip Plugin from JornJorn 的 JQuery 工具提示插件
【发布时间】：2010-05-23 10:00:05
【问题描述】：

我想有人可能遇到过这个问题，但不确定。从较高的层次来看，我正在尝试使用http://bassitance.de 提供的插件滚动输入 [type=text] 并显示工具提示（带有包含的值）。

我必须使用标题和类来验证特定元素，因此我放置了一个空白 div 来保存输入 [type=text] 值以进行翻转。

问题：

它不会同时保存 2 个文本框的值。一旦我在右侧的框中输入了一个值，左侧的工具提示就会消失。如果我切换它，同样的事情。我不能在多个元素上保留工具提示。

这是代码（注意：您必须下载源代码中的插件，因为我不确定实时版本在哪里（如果有的话）。

<link rel="stylesheet" href="/scripts/jquery-tooltip/jquery.tooltip.css" />
<script type="text/javascript" src="/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/scripts/jquery-tooltip/jquery.tooltip.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("input").change(function(){
            var newTitle = $(this).val();
            $(this).parent().attr("title",newTitle);
            // re-init tool tip
            reload();
        });

        // Init tooltip
        reload();
    });

    reload = function(){
        $("div").tooltip();
    }
</script>
<body>
    <table border="1px solid black">
        <tr>
            <td title="hello">
                <div>
                    <input type="text" value=""/>
                </div>
            </td>
            <td>
                <div>
                    <input type="text" value=""/>
                </div>
            </td>
        </tr>
    </table>
    <div id="debug"></div>
</body>
</html>

【问题讨论】：

好吧，我最终侵入了太多。我最终使用了一个不同的插件，它允许我从标题以外的东西中分配值，即文本框中的当前值以避免滚动。
这里是我获得正确执行我的功能的工具提示的站点。 walterzorn.com/tooltip/tooltip_e.htm

标签： javascript jquery html xhtml jquery-plugins

【解决方案1】：

我无法理解你的问题。您想同时显示两个工具提示还是您的问题是您在每个重新加载函数上设置的标题属性都会删除两个标题？

如果您解释更多，或者展示您的示例演示，我将能够提供帮助。

思南。

EDIT工作版本：（它改变了'td's的标题）

$(function(){
    $("input").change(function(){
            var newTitle = $(this).val();
            $(this).parent().parent('td').attr("title",newTitle);
            // re-init tool tip
            reload();
    });

    // Init tooltip
    reload();
});

reload = function(){
    $("[title]").tooltip();
}

【讨论】：

我只是想在您滚动指定元素时显示更新的工具提示。但是，只有一个工具提示保持活动状态。它是最近更改的框上的工具提示。