Simpletip плагин не работает

Question

Хорошо, я в тупике.Я пытался использовать Simpletip , чтобы создать всплывающую подсказку о событии щелчка, чтобы всплывающие подсказки были полезны на мобильном устройстве.На http://jsfiddle.net/JrDYN/5/ был создан пример неудачной попытки.

Кто-нибудь может определить, почему это не работает?

Спасибо, Грег

Answer 1

У вас есть пара вопросов здесь. Для начала, вы используете литеральный синтаксис объекта внутри вызова hover, но код, который вы передаете, это тело функции:

$(".trafficlights").hover({
    $(this).css('background', 'green');
}); 

И у вас была опечатка в вызове simpletip (буква S была заглавной). Это работает в примере jsFiddle:

$(document).ready(function () {
    $(".trafficlights").simpletip({
         content: 'Simple Tip'
    });
    $(".trafficlights").hover(function () {
        $(this).css('background', 'green')
    });        
});

Вот обновленная версия вашего jsFiddle.

Для справки в будущем я понял, что нужно открыть инструменты разработчика Chrome (нажмите F12) и посмотреть на вкладку консоли. Chrome сообщал об ошибке синтаксиса. Это помогло мне найти недостающее ключевое слово function.

Как только я это установил, я все еще получал ошибку, поэтому я закомментировал вызов simpletip, и ошибка ушла. Бинго, синтаксическая ошибка в разделе simpletip, объект не существует. Быстрый просмотр документации подтвердил, что для вызова simpletip необходимо использовать заглавные буквы. Там у вас есть это.

Answer 2

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

Я обошел его, обернув изображение внутри <a href="javascript:;"></a> и применив к ссылке простой подсказки.