Подсказки jQuery, похоже, игнорируют опцию конфигурации задержки

Question

Подсказки jQuery, похоже, игнорируют опцию конфигурации задержки

0

Я пытаюсь отобразить всплывающую подсказку при опрокидывании и использовать параметр задержки для замедления 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();
                })
            });
        }
    });

010110110101 24 май 2014, в 17:26

Источник

0

Это не дубликат, потому что другие не используют переменную конфигурации задержки. Они используют задержку затухания, что не одно и то же. Я обновил свой вопрос, чтобы сделать это более конкретным.
010110110101 24 май 2014, в 15:51
0

Хорошо, где вы увидели опцию «задержки», задокументированную так, как вы ее использовали? Использование 'delay', как написано в документации, работает нормально: jsfiddle.net/258P4
Joe 24 май 2014, в 16:05
0

Вы ответили на мой вопрос! Спасибо! Видеть? Не дурак. Опубликуйте свой код как ответ, и я отмечу его как ответивший.
010110110101 24 май 2014, в 16:07
0

Он очень похож на оба: stackoverflow.com/questions/14388147/… и stackoverflow.com/questions/16499249/… . Я бы рекомендовал использовать код затухания, так как он более удобен для пользователя. В любом случае, это довольно локализованная проблема (варианты передачи отсутствуют), поэтому я не думаю, что публикация ответа поможет кому-либо. Рад, что исправил вашу проблему, хотя!
Joe 24 май 2014, в 16:08

Показать ещё 2 комментария

Теги:

jquery

jquery-ui

jquery-ui-tooltip

1 ответ

Ещё вопросы

Это не дубликат, потому что другие не используют переменную конфигурации задержки. Они используют задержку затухания, что не одно и то же. Я обновил свой вопрос, чтобы сделать это более конкретным.
Хорошо, где вы увидели опцию «задержки», задокументированную так, как вы ее использовали? Использование 'delay', как написано в документации, работает нормально: jsfiddle.net/258P4
Вы ответили на мой вопрос! Спасибо! Видеть? Не дурак. Опубликуйте свой код как ответ, и я отмечу его как ответивший.
Он очень похож на оба: stackoverflow.com/questions/14388147/… и stackoverflow.com/questions/16499249/… . Я бы рекомендовал использовать код затухания, так как он более удобен для пользователя. В любом случае, это довольно локализованная проблема (варианты передачи отсутствуют), поэтому я не думаю, что публикация ответа поможет кому-либо. Рад, что исправил вашу проблему, хотя!

010110110101 · Accepted Answer · 2014-07-14T12-27-00.000Z

Ответчик ответил на это, но не опубликует его. Поэтому я отправляю его (я ждал полтора месяца, прежде чем делать это)

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