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

将div附加到特定元素以使用javascript显示,javascript,jquery,css,Javascript,Jquery,Css,单击图像应该会在其附近显示div(.jQuery中的show()) 但我如何将div附加到该图像?它是用纯css还是javascript完成的? 我尝试了几个“位置:绝对”,但无法将其附加到图像附近 应该怎么做?这很简单,你需要计算.css({top:{uuuuuuuuuuuuuuuuuu,left:{uuuuuuuuuu})这样下划线就充满了基于点击图像的.position().top和.position().left这很简单,你需要计算.css({top:\\\\\\\\\\\\\\\\\\

单击图像应该会在其附近显示div(.jQuery中的show())

但我如何将div附加到该图像?它是用纯css还是javascript完成的?
我尝试了几个“位置:绝对”,但无法将其附加到图像附近


应该怎么做?

这很简单,你需要计算
.css({top:{uuuuuuuuuuuuuuuuuu,left:{uuuuuuuuuu})
这样下划线就充满了基于点击图像的
.position().top
.position().left
这很简单,你需要计算
.css({top:\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

     $(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>
$(文档).ready(函数(){
$('#someim')。单击(函数(){
showDiv($(这个),$('somediv');
});
});
函数showDiv(发送方、对象){
var pos=$(发送方).offset();
变量宽度=$(发送方).width();
$(object.css({“left”:(pos.left+width)+“px”,“top”:pos.top+“px”});
$(object.show();
}
sd
类似这样的内容:

     $(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>
$(文档).ready(函数(){
$('#someim')。单击(函数(){
showDiv($(这个),$('somediv');
});
});
函数showDiv(发送方、对象){
var pos=$(发送方).offset();
变量宽度=$(发送方).width();
$(object.css({“left”:(pos.left+width)+“px”,“top”:pos.top+“px”});
$(object.show();
}
sd

谢谢,非常简单。你只忘了大括号。css({top:},left:})谢谢,非常简单。你只忘了大括号。css({top:},left:})