jQueryのツールチップで画面の端を検出 - jquery、edge-detection

ツールチップがブラウザウィンドウの端に当たったときに2番目のクラス名が追加されるように修正する必要がある基本的なホバー/ツールチップコードがあります。誰かが手を貸すことができますか？

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

回答：

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

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

このようなことはうまくいくはずです - もちろんトップの位置を考慮に入れません、しかしあなたにツールチップの位置をチェックするための基本的な論理を与えます...