Question

jQuery要素をページラッパーに相対的に配置します。 Wrapperと呼ばれるdiv内にページ全体が含まれています。私の現在のコードは次のとおりです。

<script type="text/javascript"> 
$(function() { 
$('a.poplightOne').hover(function(e) { 
     var html = '<div id="infoOne">' 
     html +=  '</div>';    
     $('body').append(html).children('#infoOne').hide().fadeIn(400); 
     $('#infoOne').css({ 
      position: 'absolute', 
     top: '10px', 
      left: '10px 
    }); 
}, function() { 
    $('#infoOne').remove(); 
}); 
}); 
</script> 

Answer 1

私はあなたが場所を特定したいかに応じて、$('#referenceElement').position()または多分$('#referenceElement').offset()を探していると信じています。

Answer 2

WrapperがコンテナdivのIDである場合、bodyの代わりにhtmlを追加できませんか？

<script type="text/javascript"> 
$(function() { 
$('a.poplightOne').hover(function(e) { 
     var html = '<div id="infoOne">' 
     html +=  '</div>';    
     $('#Wrapper').append(html).children('#infoOne').hide().fadeIn(400); 
     $('#infoOne').css({ 
      position: 'absolute', 
     top: '10px', 
      left: '10px 
    }); 
}, function() { 
    $('#infoOne').remove(); 
}); 
}); 
</script> 

正しく理解しているかわかりません。あなたのdivがあなたのWrapper要素の後ろに来るようにしたいなら、あなたのjsはうまく見えますが、あなたのcssを変更しなければならないので、bodyは相対的で、Wrapperとnew要素は両方とも、

Answer 3

さまざまな順序でDOM操作とDOMへの要素の追加には、さまざまな方法があります。ここではいくつかある：

append()

appendTo()

after()

before()

だけapi.jquery.comに移動し、オプションに目を通します。

ページ上の別の要素の近くに/上/上に配置することを意味する場合は、position()を使用して既存の要素がどこにあるかを調べ、必要に応じて新しい要素を設定して基礎として使用できます。

Answer 4

は、私は一週間、この問題への答えを探してきたこの

$(function() { 
    $('a.poplightOne').hover(function(e) { 
     var leftvar=e.pageX; 
     var topvar=e.pageY; 
     var html = '<div id="infoOne">' 
     html +=  '</div>';    
     $('body').append(html).children('#infoOne').hide().fadeIn(400); 
     $('#infoOne').css({ 
      position: 'absolute', 
      top: topvar, 
      left: leftvar 
     }); 

    }); 
});