jquery - jQuery工具提示检测屏幕边缘

Question

我有一些基本的悬停/工具提示代码需要修改，以便在工具提示到达浏览器窗口边缘时添加第二个类名。任何人都可以伸出援助之手吗？

this.tooltip = function () {
    $(".challenge_card").hover(function (e) {
                $(this).parent().append("<div id='tooltip'></div>");
                $("#tooltip")
                        .fadeIn("fast");
            },
            function () {
                $("#tooltip").remove();
            });
};

Answer 1

var wW = $(window).width();
var $tooltip = $('#tooltip');

if($tooltip.offset().left + $tooltip.outerWidth() > wW){
  // You've hit the right side of the browser window
}

像这样的东西应该可以工作 - 当然不考虑顶部位置，但为您提供检查工具提示位置的基本逻辑......