Question

我想有人可能碰到过这个，但不确定。从较高的层面来看，我正在尝试使用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>

Answer 1

我无法理解你的问题。您想一次显示两个工具提示吗？或者您的问题是您在每个重新加载功能上设置的标题属性是否会删除这两个标题？

我之前使用过这个插件，如果你解释得更多，或者展示你的例子的演示，我将能够提供帮助。

思南。

编辑工作版本:(更改'td'的标题

$(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();
}

来自Jorn的JQuery Tooltip插件

1 个答案: