jquery - 如何创建鼠标按下时大小为一个点的不可见元素，并使其始终相对于其创建者保持位置？

Question

所以我们有一个<p class="ex" id="grumble3">button</p>我们想设置这样的$('#grumble3').mouseup(function(){这将在鼠标向上点的顶部创建一个点大小的 div。并且新的 div 应始终位于其创建者元素的“顶部”(意味着在调整大小事件或正文 html 更改的情况下)。这样的事情可能吗？如何做到？

Answer 1

是的，使用 jQuery(selector).css() 方法和 css z-index 规则可以实现这一点。 你会有这样的东西:

$('#grumble3').mouseup(function(){
    var elemZIndex = $(this).css('z-index');
    var elemPos = $(this).offset();

    $('body').append('<div class="new" style="position:absolute; left:' + elemPos.left + 'px; top:' + elemPos.top + 'px; z-index:'+ (elemZIndex+10) +'">&nbsp;</div>');

});