jQuery типичный плагин. Триггер фокусировки не работает - PullRequest
Новая
       41

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

3 голосов
/ 23 ноября 2010

Я пробовал себе путь через плагины для подсказок 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 ]

2 голосов
/ 23 ноября 2010

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

Мой простой тестовый случай извлекает пьяный плагин из 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://stackoverflow.com/q/4258519/445073">stackoverflow 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.

1 голос
/ 26 июля 2011

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

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

Новая версия пошла мне на пользу.

0 голосов
/ 20 августа 2012

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

...