1

次のコードを使用してツール ヒントを設計しました。

function showToolTip(posX, posY, elem){
    if($(elem).find('.item-name').css('overflow') == "hidden"){
        $newDiv = $('<div></div>');
        $newDiv.css("display", "none");
        $newDiv.addClass('tooltip');
        $newDiv.append($(elem).attr('title'));
        $newDiv.appendTo("body");
        $newDiv.fadeIn().css(({ left:  posX, top: posY }));
    }
    if($(elem).hasClass('bill-item')){
        $newDiv = $('<div></div>');
        $newDiv.css("display", "none");
        $newDiv.addClass('tooltip');
        $newDiv.append($(elem).find('.bill-item-name-left').html());
        $newDiv.appendTo("body");
        $newDiv.fadeIn().css(({ left:  posX, top: posY }));
    }
}

function hideToolTip(){
    $('.tooltip').fadeOut();
}

クリックした要素の位置 x nd y を使用して、一定時間 div 要素を表示します。問題は、要素がページの右端近くにある場合、問題なく表示されることです。しかし、ツール ヒントの div がページ ウィンドウの外にあり、水平スクロール バーが表示されます。div の作成時にポーションを右に変更しようとしましたが、div がページの一番左に表示されます。マウスがページの終わりに近い場合、マウス クリックの右側に div を表示するにはどうすればよいですか。

4

0 に答える 0