Javascript 如何使用jquery在鼠标上方正确显示弹出窗口
正如您在我的示例中看到的,我的弹出窗口显示在边缘。如何检查边缘,从而在右侧显示弹出窗口 另一个例子是。这一个显示了底部的弹出窗口。我希望它能显示完整的弹出窗口 您可以在www.mydubaitrip.com/restaurants.aspx此处查看实际演示 我的密码是Javascript 如何使用jquery在鼠标上方正确显示弹出窗口,javascript,jquery,Javascript,Jquery,正如您在我的示例中看到的,我的弹出窗口显示在边缘。如何检查边缘,从而在右侧显示弹出窗口 另一个例子是。这一个显示了底部的弹出窗口。我希望它能显示完整的弹出窗口 您可以在www.mydubaitrip.com/restaurants.aspx此处查看实际演示 我的密码是 $(".thumbsUpNav").live("mouseenter", function(e) { var id = $(this).children("span").attr("id"); var pURL
$(".thumbsUpNav").live("mouseenter", function(e) {
var id = $(this).children("span").attr("id");
var pURL = $('#txtTopLevelNode').val() + 'WhyBookList.aspx?id=';
pID = "#whyBookReviewRating" + id;
$(".whyBookReviewRating").css({"display":"none"});
//$(this).children('.arrow_pop_up').css({top: $(this).offset().top + "px"});
if (id != "") {
$(pID).empty();
if (($(pID).length == 0) || ($(pID).length == 1)) {
$.ajax({
contentType: 'application/json; charset=utf-8',
type: 'GET',
url : pURL + id.substring(1, 6) + '&type=' + id.substring(0,1),
success : function (data) {
$(pID).append(data);
}
});
}
pos = $(this).offset();
var width = $(this).children("span").width();
$(pID).css({
left: (width) + 'px'
});
$(pID).stop().css({"display":"block"});
}
else if (id == "") {
$(".whyBookReviewRating").css({"display":"none"});
}
});
$(".thumbsUpNav").live("mouseleave", function() {
var id = $(this).attr("rel");
pID = "#whyBookReviewRating" + id;
$(".whyBookReviewRating").css({"display":"none"});
});
在www.mydubaitrip.com/restaurants.aspx页面的右侧没有足够的空间
手形图标位于页面最右端,如果您在那里添加任何内容,将显示水平滚动条!为什么在没有足够空间的情况下,您希望方框显示在手形图标的右侧?我添加了一个代码笔,可能会对您有所帮助。它用于显示工具提示,并考虑元素在屏幕上的位置,以及页面的滚动量等。。。它可能对你有用,并且应该很容易根据你的需要进行调整-