jQuery типичный плагин. На фокусе триггер не работает

Я фильтровал свой путь через плагины всплывающей подсказки jQuery и нашел навеселе. Он используется GitHub, на этом я основывал большую часть своего решения. Мне действительно это нравится, и им действительно легко пользоваться.

У меня проблемы с этим, хотя. Мне нужна всплывающая подсказка, а не зависание. В настоящее время работает, но только при наведении. Вот мой текущий код:

$('input.tip').tipsy({trigger: 'focus', gravity: 'w', fade: true});

С или без trigger: 'hover', не имеет значения. Я внимательно прочитал документы, так что это правильный код.

Это не связано с HTML/CSS, я знаю это точно. Потому что это уже работает, просто не в фокусе.

Я использую jQuery v1.4.4.

Любые предложения будут высоко оценены, спасибо.

Ресурс: http://onehackoranother.com/projects/jquery/tipsy/

Источник

3 ответа

Решение

Плагин работает для меня в простом тестовом примере на основе предоставленного вами кода. Вы уверены, что в дополнительном коде вашей страницы нет ничего, что могло бы вызвать ошибку?

Мой простой тестовый пример использует плагин от github. jsfiddle.net добавляет некоторые дополнительные вещи, но важные биты могут быть уменьшены до следующего HTML, который работает, когда я тестирую это:

<!DOCTYPE html> 
<html> 
<head> 
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script> 
  <script type='text/javascript' src="https://github.com/jaz303/tipsy/raw/fa497c144ad7d14126a808f4c18a9ba22f2df70f/src/javascripts/jquery.tipsy.js"></script> 
  <script type='text/javascript'> 
  $(function(){
      $('input.focustip').tipsy({trigger: 'focus', gravity: 'w', fade: true});
      $('input.hovertip').tipsy({trigger: 'hover', gravity: 'w', fade: true});
  });
  </script> 
</head> 
<body> 
  <p>Test case for <a href="http://stackru.com/q/4258519/445073">stackru question</a>.</p> 
<p>Focus tip: <input class="focustip" title="focus"></input></p> 
<p>Hover tip: <input class="hovertip" title="hover"></input></p> 
</body> 
</html>

Я тестировал в Firefox 3.6 и Chrome 8, оба на Linux.

Источник

У меня просто была такая же проблема. И я также использую CSS-каркас Blueprint. Хотя он вполне может иметь к этому какое-то отношение, основным отличием здесь является версия, которую использовал Day: он импортировал версию 1.0.0a из GitHub, тогда как мы (как и я) использовали версию 0.1.7.

Подключение примера Day к Tipsy v0.1.7 вызывает ту же проблему.

Новая версия сделала свое дело для меня.

Источник

Вы, вероятно, не ввели TITLE для тега.

Источник
Другие вопросы по тегам