jquery uiでツールチップを作成し、作業しました。メニューをホバー機能に追加します。しかし、マウスカーソルがタイトルのツールチップにある場合、それは閉じています。
<script type="text/javascript">
$(function(){
$(".menu li div.altBurcT ul.altBurc li a").each(function(){
$(this).tooltip({
show: null,
//track: true,
position: {
my: "left top",
at: "left bottom"
},
open: function(event,ui){
ui.tooltip.animate({
top: ui.tooltip.position().top + 10
}, "slow");
}
});
});
$(".altBurcT").hide();
$(".menu li.burc").hover(function(){
$(this).find("> .altBurcT").stop(true,true).slideDown('slow'/*, 'easeOutBounce'*/);
},function(){
$(this).find("> .altBurcT").stop(true,true).hide();
});
});
</script>
これをどのように解決しますか?
関心をお寄せいただきありがとうございます。よくやった..
追加:
デモ: jsfiddle.net/C7StJ
これはコードであると追加しました。現在は閉じられていませんが、マウスを離した場合は閉じないでください:)
$(".menu li.burc").hover(function(){
$(this).find("> .altBurcT").stop(true,true).slideDown('slow'/*, 'easeOutBounce'*/);
},function(){
$(".altBurc li a").each(function(){
if($(this).attr("aria-describedby").length < 1){
$(this).find("> .altBurcT").stop(true,true).hide();
}
});
});