Плагин Jquery Tooltip (2)

Question

Итак, несколько дней назад я опубликовал вопрос, касающийся всплывающей подсказки jquery. Я повторяю: я такой новичок с этим !! = S * * тысяча одна

Проблема, с которой я сталкиваюсь сейчас, состоит в том, что, ладно, подсказка работает хорошо, все довольно НО, когда я пытаюсь создать другую подсказку с изменением изображения (указатель пузыря. Один находится наверху пузыря) другой находится внизу) в течение нескольких секунд я вижу ДВА указателя. (моя подсказка - это монстр с двумя указателями! lol)

Скрипка: http://jsfiddle.net/Bky7F/9/

Как вы можете видеть, если вы нажмете первую кнопку-переключатель, она будет работать хорошо. И когда вы нажимаете на второй переключатель, появляется новая подсказка с двумя указателями (один сверху и один снизу)

Я полагаю, это может быть из-за задержки. Но мне также нужно дать пользователю время, чтобы прочитать текст во всплывающей подсказке.

Не могу найти, как это исправить ...

Не могли бы вы мне помочь?

Заранее спасибо всем !!! OrangeJuice .-

Answer 1

Я обновил ваш jsfiddle здесь http://jsfiddle.net/Bky7F/10/. Ваши основные проблемы были вызваны этими строками

var tip = $('.simple-message-tooltip');
var tipInner = $('.simple-message-tooltip .message');

Они выбирают все объекты с указанными классами.

Ваш первый вызов simpleMessageTtip создает объект с классом simple-message-tooltip, поэтому ваш второй вызов увидит первый объект и объект, который он создает. Тогда каждая манипуляция, которую вы делаете для tip, после этого будет манипулировать всеми объектами с классом simpleMessageTtip.

Попробуйте изменить порядок, в котором вы вызываете свой плагин. Если вы это сделаете, стрелки появятся в верхней и нижней части первого переключателя.

Чтобы исправить это, вы должны выбрать only подсказку, которой нужно манипулировать. Мое исправление позаботится об этом за вас.