2

基本的にフローティングボックスであるDOMに要素を挿入しようとしています。要素の通常の流れから完全に外れ、特定の位置でその下にあるものと重なります。

やってみた：

$('body').append('<div id="popup" style="width:30px; height:30px;">HEY THERE</div>');
$('#popup').position({ my: 'left top', at: 'left bottom', of: $('a').first() });

しかし、結果は得られませんでした。ドキュメントの最初のアンカー タグのすぐ下にフローティング ボックスを配置しようとしています。

DOM に配置されていますが、正しく配置されていません。

insert、または相対位置と絶対位置の何らかの組み合わせを使用する必要がありますか?

4

2 に答える 2

2

$.offset()を見てみましょう: 

var a = $('a').first(); 
var offset = a.offset(); 
var aLeft = parseInt(offset.left); 
var aTop = parseInt(offset.top); 

//And I have never used .position() I would edit the CSS: 
$("#popup").css({left: aLeft + 10, top: aTop + 10, position: "absolute", z-index: 1000});
于 2013-08-28T03:26:01.190 に答える
1

最初のアンカータグの下に追加したい場合は、試すことができます-

$("a").first().after('<div id="popup" style="width:30px; height:30px;">HEY THERE</div>');

編集：OPの提案に従って：
追加position: absoluteしz-index: 999て外側に配置します。

于 2013-08-28T03:30:33.167 に答える