Question

单击图像应该显示它附近的div（jQuery中的.show（））。

但是我如何将div附加到该图像？它是用纯CSS或javascript完成的吗？我尝试了几个“位置：绝对”，但不能将它附在图像附近。

应该如何做？

Answer 1

这非常简单，您需要计算.css({top:___,left:___})，以便根据点击的图片.position().top和.position().left填充下划线。

Answer 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>

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

2 个答案: