Question

我尝试在翻转时显示工具提示，并使用延迟选项来减慢fadeOut的速度。

我试图使用延迟参数，这是更精简的代码。（另一种方法是使用fadeOut，最终使用大量代码）但延迟似乎不起作用。

我们如何使延迟参数有效？

<!DOCTYPE html>
<html>
<head>

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.4/jquery-ui.js"></script>

    <script language="javascript">
        $(window).load(function () {

            $("#rollover").tooltip({
                delay: { show: 0, hide: 3000 },
                items: "#rollover",
                content: "<a href='http://www.google.com'>You can't click this because it goes away too fast</a>"
            });

        });

    </script>
</head>
<body>

    <div>
    (<a href="" id="rollover">?</a>)
    </div>

</body>

</html>

这里使用的是fadeOut代码。看看代码差异的长度？

    $("#rollover").tooltip({
        items: "#rollover",
        content: "<a href='http://www.google.com'>You can't click this because it goes away too fast</a>",
        close: function (event, ui) {
            ui.tooltip.hover(
            function () {
                $(this).stop(true).fadeTo(400, 1);
            },
            function () {
                $(this).fadeOut("400", function () {
                    $(this).remove();
                })
            });
        }
    });

Answer 1

评论者回答了这个问题，但不会发布。所以我发布它（我等了一个半月才做到这一点）

$("#rollover").tooltip({
                show: 0,
                hide: { delay: 3000 },
                items: "#rollover",
                content: "<a href='http://www.google.com'>You can't click this because it goes away too fast</a>"
            });

jQuery工具提示似乎忽略了延迟配置选项

1 个答案: