Хорошо, я в тупике. Я пытаюсь использовать Simpletip для создания всплывающей подсказки по событию click, чтобы всплывающие подсказки были полезны на мобильном устройстве.Плагин Simpletip не работает
Я не могу на всю жизнь получить что-либо. Создал пример в http://jsfiddle.net/JrDYN/5/ неудачной попытки.
Можно ли понять, почему это не работает?
Благодаря Грег
У вас есть несколько вопросов здесь. Для начала, вы используете объект буквального синтаксис внутри вызова hover но код вы передаете в этом теле функции:
$(".trafficlights").hover({
$(this).css('background', 'green');
});
И ты была опечатка в simpletip вызова (эль был капитализируется) , Это работает в jsFiddle Например:
$(document).ready(function() {
$(".trafficlights").simpletip({
content: 'Simple Tip'
});
$(".trafficlights").hover(function() {
$(this).css('background', 'green')
});
});
Вот updated version вашего jsFiddle.
Для дальнейшего использования, как я понял, это было вытащить инструменты разработчика Chrome (нажать F12) и посмотреть вкладку консоли. Chrome сообщал о синтаксической ошибке. Это помогло мне обнаружить недостающее ключевое слово function.
Как только у меня было это на месте, я все еще получал сообщение об ошибке, поэтому я прокомментировал звонок simpletip, и ошибка исчезла. Bingo, синтаксическая ошибка в разделе simpletip, объекта не существует. Быстрый просмотр в документации подтвердил, что вызов simpletip необходимо заглавными. Там у вас это есть.
Я просто столкнулся с той же проблемой, и похоже, что simpletip помещает подсказку html внутри тега img. Из-за этого он не распознается и не обрабатывается браузером, и вы не видите всплывающую подсказку.
Я работал вокруг него, обертывая изображение внутри <a href="javascript:;"></a> и применяя simpletip к ссылке.
Привет, Джош, Спасибо за помощь. – Barbs
Привет, Джош, спасибо за помощь. Я на самом деле положил этот капитал S там, где пытался все и что угодно, чтобы заставить его работать. :) Я принял ваш совет и попробовал его на своей фактической странице (извините, это сайт интрасети, поэтому я не могу дать вам ссылку), и он все еще не работает. Ну, я вижу, что классы добавляются в инспектора Chrome, но я не вижу подсказки на странице. У меня есть Lightbox 2.0 (с исправлением jQuery.noconflict), работающим на той же странице, которая, кажется, влияет на некоторые вещи .... возможно, если я поменяю Лайтбокс с помощью jQuery-решения, я мог бы сделать некоторый прогресс. – Barbs
Я бы попытался сделать копию вашей страницы, если это возможно, и упростить код, пока вы не изолируете проблему. В Fiddle я заметил, что похоже, что всплывающая подсказка требует применения CSS (она просто отображалась прямо над зеленым/красным полем). Я подозреваю, что некоторые из ваших CSS скрывают это непреднамеренно. Попробуйте прокомментировать ссылки CSS и посмотрите, сможете ли вы найти подсказку в любом месте страницы. –