Question

有谁能让我知道div定位在JQuery中是如何工作的？

我想在绝对位置和其他所有位置显示div？就像在表单中一样，我希望在焦点文本框旁边显示帮助弹出窗口（就像在careers.stackoverflow＆gt;编辑CV中一样）。

同样地，当您将鼠标悬停在头像上时，显示悬停卡的最佳策略是在Twitter中显示一个带有用户个人资料摘要的小div。

由于

Answer 1

这样的事情怎么样：

$(document).ready(function(){
    $('#imgLinkToolTip').mouseover(function() {
        $('#dvLinkToolTip').css({ left: $(this).position().left - 300, top: $(this).position().top - 45 }).show();
    }).mouseout(function() {
        $('#dvLinkToolTip').hide();
    });
});

在此示例中，imgLinkToolTip是您的悬停目标，dvLinkTooltip是您要弹出的div。

是的，你的div需要更高的z顺序和位置：绝对。

Answer 2

您想要位于顶部的div需要更高的z顺序，位置：绝对和尺寸。

我使用qTip之类的插件来提供您过去提到的功能。可能还有100个其他工具提示插件也可以使用。

Answer 3

关于“悬停卡”，我建议您查看qTip Plugin。

Answer 4

定位div就像没有javascript / jQuery一样。所以，我首先要创建一个实际的编码和工作HTML / CSS演示，你想要做什么。将jQuery激活的内容放在自己的（绝对）定位div中。一旦它看起来没问题（检查多个浏览器等），那么你可以只显示/隐藏div，你不必担心使用jQuery自定义它。

或者，您正试图动态定位jQuery激活的内容（因此，内容尚未加载到页面中等），您可能需要设置内联样式$('#mydiv').css()设置绝对定位值（顶部，左侧等）。

Answer 5

用于定位

尝试使用css样式字段top：5px; left：px;如你所愿

尝试使用FF fireBug并检查确实发生了什么

尝试

位置：绝对和位置：相对

悬停或分层!!

使用z-index和position

尝试使用Jquery幻灯片，使用slideDown实现效果

如何在DQuery中将DIV置于顶级和绝对位置？

5 个答案: