Comment vous positionner dynamiquement un élément sur l'autre?
Je suis ajoutant dynamiquement du code html avec jQuery et je veux l'insérer directement sur le dessus d'un autre élément. Comment puis-je faire cela?
c'est le code dans mon application.js fichier:
$(document).ready(function() {
$('a.oembed').embedly({maxWidth:300,'method':'replace'}).bind('embedly-oembed', function(e, oembed){
$("#video_div").append($("<img>", { src: oembed.thumbnail_url, width:200 }));
});
});
L'image est insérée de façon dynamique, et je veux qu'il soit directement sur le dessus de cela:
<div id="video_div"><%= link_to 'video', @video.video_url, :class => 'oembed' %></div>
Merci de montrer un peu de code
Que voulez-vous dire avec top? Avant (dans la page de flux) ou littéralement au-dessus d'elle?
Comment est-ce autre élément positionné?
littéralement au-dessus d'elle
l'autre élément est que le premier élément sur la page, il n'a pas encore CSS
Que voulez-vous dire avec top? Avant (dans la page de flux) ou littéralement au-dessus d'elle?
Comment est-ce autre élément positionné?
littéralement au-dessus d'elle
l'autre élément est que le premier élément sur la page, il n'a pas encore CSS
OriginalL'auteur Justin Meltzer | 2011-03-14
Vous devez vous connecter pour publier un commentaire.
C'est plus comme un CSS question. Vous voulez vous assurer que l'élément parent (#video_div) est positionné relativement (position: relative) et l'élément inséré (img) est en position absolue (position: absolute)
Crochet en haut à gauche, assurez-vous qu'ils sont de la même taille et que vous êtes d'or.
OriginalL'auteur fx_
En supposant que tu veux dire directement sur le dessus de celui-ci (obscurcissement) dans l'ordre z, une combinaison de plugins JQuery .position() méthode et de positionnement absolu devrait faire l'affaire.
Remarque:
$container
doit contenir à la fois la générées dynamiquement élément et l'élément cible.Je n'ai aucune idée de comment
.embedly()
fonctionne, mais je vais poster un exemple avec JQuery standards de code.ok c'est bien...
OriginalL'auteur Christian Mann