将div附加到特定元素以使用javascript显示
单击图像应该会在其附近显示div(.jQuery中的show()) 但我如何将div附加到该图像?它是用纯css还是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:\\\\\\\\\\\\\\\\\\
我尝试了几个“位置:绝对”,但无法将其附加到图像附近
应该怎么做?这很简单,你需要计算
.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:})