将 div 附加到特定元素以使用 javascript 显示答案

【问题标题】：attaching div to a specific element for showing with javascript将 div 附加到特定元素以使用 javascript 显示
【发布时间】：2010-03-13 22:53:18
【问题描述】：

单击图像应在其附近显示 div（jQuery 中的 .show()）。

但我怎样才能将 div 附加到该图像？是用纯 css 还是 javascript 完成的？
我尝试了几个“位置：绝对”，但无法将其附加到图像附近。

应该怎么做？

【问题讨论】：

标签： javascript jquery css

【解决方案1】：

这很简单，您需要计算.css({top:___,left:___})，以便下划线填充基于单击图像的.position().top 和.position().left 的计算。

【讨论】：

谢谢，真的很简单。你只是忘记了大括号 .css({top:_,left:_})

【解决方案2】：

类似这样的：

     $(document).ready(function() {
        $('#someim').click(function() {
            showDiv($(this), $('#somediv'));
        });
    });
    function showDiv(sender, object) {

        var pos = $(sender).offset();
        var width = $(sender).width();

        $(object).css({ "left": (pos.left + width) + "px", "top": pos.top + "px" });

        $(object).show();
    }
    <img id="someim" width="250" height="61" alt="Stack Overflow" src="http://sstatic.net/so/img/logo.png">
    <div id="somediv" style="display:none; margin-left:10px; color:Red">sd</div>

【讨论】：