したがって、これはバグかもしれませんが、私を悩ませています。しゃれた意図はありません。
ここに問題があります。入力フィールドにカーソルを合わせると、ツールチップが右側に表示されます。問題は、現在表示されているツールチップにカーソルを合わせてから、マウスをツールチップから離して (真っ直ぐ下に)、入力に戻らずに空白のページ スペースに移動すると、ツールチップが消えないことです。考え?
何が起こっているのかを正確に確認するには、ここで実行しているコードをチェックしてください: http://jsfiddle.net/WBdns/
デモを見たくない人のために、私のコードは次のとおりです。
HTML:
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<label for="ref" class="inline">ICD9 Code
<input name="ref" class="hovertip" type="text" id="ref" tabindex="" title="This code is located on the Order"placeholder="" required class="" />
</label>
JS:
$(function() {
// jQuery Tooltips: http://jquerytools.org/documentation/tooltip/index.html
$('.hovertip[title]').tooltip({
predelay:100,
offset: [10, 2],
effect:'slide',
slideInSpeed:100,
slideOutSpeed:100,
position:'center right',
opacity:0.8,
layout:'<span/>',
tipClass:'tooltip info ',
events: {
input:'mouseover focus,blur mouseout',
}
});
});
どんな助けでも大歓迎です!