Как показать всплывающую подсказку Tipsy при загрузке и оставить ее видимой?

Я только что установил скрипт Tipsy Tooltip (http://onehackoranother.com/projects/jquery/tipsy/) на свой сайт wordpress, мне просто интересно, как мне показывать всплывающую подсказку при загрузке страницы и сохранять ее отображаемой.

Это код, который у меня есть до сих пор;

<a id="logo" href="#" original-title="Happy <?php echo date("l"); ?>"></a>
<script type='text/javascript'>
  $("a#logo").tipsy('show');
</script>

Заранее спасибо! :)


wordpress tooltip jquery-tooltip tipsy
person Ben Goodman    schedule 16.09.2012    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Ну, сначала вам нужно указать атрибут, который вы хотите использовать вместо title, в вашем случае original-title. Затем триггер должен быть установлен на manual. И наконец, мы хотим показать всплывающую подсказку, когда это будет сделано.

 $('#logo').tipsy({trigger: 'manual', title: 'original-title'});
 $('#logo').tipsy('show');
person Max Allan    schedule 16.09.2012
comment
Вау, спасибо! :) Вот и разобрались! Я не понимал, что вам нужно указать атрибут или установить триггер. Спасибо! :) - person Ben Goodman; 16.09.2012
comment
У меня есть еще одна проблема, теперь, когда она всегда отображается, у меня есть еще один элемент div на моем сайте, который скользит, вы можете увидеть его здесь, quickclicksnap.com, как только вы нажмете «Продолжить», он скользит вверх, теперь я обнаружил, что всплывающая подсказка остается там, где она есть, а не скользит вверх, и только после обновления страницы она перестраивается. Как это исправить? Бен - person Ben Goodman; 16.09.2012
comment
Итак, вы хотите скрыть всплывающую подсказку через определенное время? - person Max Allan; 16.09.2012
comment
Нет, я хочу, чтобы он оставался отображаемым, но после того, как уведомление о файлах cookie в верхней части страницы будет закрыто, я бы хотел, чтобы всплывающая подсказка оставалась на одном уровне с логотипом. Кажется, что оно осталось позади, вниз по странице, как только вы отклоните уведомление. Вы можете видеть, что я имею в виду здесь. quickclicksnap.com, уведомление о файлах cookie использует локальное хранилище после закрытия. - person Ben Goodman; 16.09.2012
comment
Хорошо, попробуйте добавить $("a#logo").tipsy("show"); внутри функции, которая скользит вверх по уведомлению? Вот так: $('#hideNotice').click(function(){ $('#notice').hide(); $('a#logo').tipsy('show'); }); - person Max Allan; 16.09.2012
comment
Это просто меняется, когда оно загружается, а не то, что происходит, когда я закрываю сообщение. - person Ben Goodman; 16.09.2012
comment
Как это переводится в мой код? Просто кажется, что это сломается. - person Ben Goodman; 16.09.2012
comment
Не могли бы вы поделиться частью javascript - я должен вам сказать :) - person Max Allan; 16.09.2012
comment
$('#slick-hide').click(function() { $('#slickbox').slideUp('fast'); localStorage.setItem('visited', true); //set flag, site now visited and element hidden $('a#logo').tipsy('show'); return false; }); Последнее (перед возвратом false) в функции #slick-hide - person Max Allan; 16.09.2012
comment
pastebin.com/FcK1WJka это код, который у меня есть, но он по-прежнему ничего не делает, просто меняется, когда всплывающая подсказка загружается, а не останавливается после закрытия сообщения. - person Ben Goodman; 16.09.2012
comment
Я мог бы просто переместить уведомление о файлах cookie, как вы думаете? - person Ben Goodman; 16.09.2012
comment
Хорошо, я только что переместил уведомление о файлах cookie в основную область содержимого. Исправлено, спасибо за вашу помощь! :) - person Ben Goodman; 16.09.2012
comment
Просто интересно, знаете ли вы, как остановить перемещение всплывающей подсказки при изменении размера окна браузера. - person Ben Goodman; 16.09.2012

arrow_upward
0
arrow_downward

Используйте метод готовности документа:

$(document).ready(function() {
  $("a#logo").tipsy('show');
});
person Bogdan Rybak    schedule 16.09.2012
comment
Как видите, скрипт пишется после элемента, $.ready() не нужен. - person Max Allan; 16.09.2012