jQuery tipsy插件。焦點觸發不起作用

Question

我一直在通過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/

Answer 1

該插件基於您提供的代碼在一個簡單的測試用例中為我工作。 您確定頁面的其他代碼中沒有任何內容可能導致此錯誤嗎？

我的簡單測試用例從github中提取了tipsy插件。 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上進行。

Answer 2

我剛遇到同樣的問題。 我也在使用Blueprint的CSS框架。 雖然它可能與它有很大關系，但這里的核心差異是Day正在使用的版本：他從GitHub導入版本1.0.0a，而我們（我曾）使用版本0.1.7。

將Day的例子連接到Tipsy的v0.1.7 會導致同樣的問題。

新版本為我做了訣竅。

Answer 3

您可能沒有為標簽輸入TITLE。

jQuery tipsy插件。焦點觸發不起作用

問題描述

3 個解決方案

解決方案1
2 已采納 2010-11-23 19:16:25

解決方案2
1 2011-07-26 07:23:16

解決方案3
0 2012-08-20 12:53:57

jQuery tipsy插件。 焦點觸發不起作用

問題描述

3 個解決方案

解決方案1 2 已采納 2010-11-23 19:16:25

解決方案2 1 2011-07-26 07:23:16

解決方案3 0 2012-08-20 12:53:57

jQuery tipsy插件。焦點觸發不起作用

解決方案1
2 已采納 2010-11-23 19:16:25

解決方案2
1 2011-07-26 07:23:16

解決方案3
0 2012-08-20 12:53:57