0

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();
        }
    });
});
4

1 に答える 1