Wie kann man dynamisch die position von einem element auf ein anderes?

Ich bin dynamisch Anhängen einige html mit jQuery und ich möchte legen Sie es direkt über ein anderes element. Wie mache ich das?

dies ist der code in meinem application.js Datei:

$(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 }));
   });
});

Das Bild wird dynamisch eingefügt, und ich möchte, dass es direkt am Anfang:

<div id="video_div"><%= link_to 'video', @video.video_url, :class => 'oembed' %></div>
Bitte zeigen Sie einige code
Was meinst du mit oben? Bevor es (in der page-flow) oder buchstäblich?
Wie ist das andere element positioniert?
wortwörtlich oben drauf
das andere element ist nur das erste element auf der Seite, es hat kein CSS noch

InformationsquelleAutor Justin Meltzer | 2011-03-14

  1. 6

    Dies ist eher eine CSS-Frage. Sie wollen sicherstellen, dass das übergeordnete element (#video_div) ist relativ positioniert (position: relative) und das eingefügte element (img) ist absolut positioniert (position: absolute)

    Haken Sie es auf der oberen linken, stellen Sie sicher, Sie sind die gleiche Größe und Sie sind golden.

    #video_div {
  position: relative;
  width: 300px;
  height: 300px;
}

#video_div img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 300px;
  height: 300px;
}

    InformationsquelleAutor fx_

  2. 4

    Vorausgesetzt, du meinst direkt oben drauf (verdeckt es) in der z-Reihenfolge, eine Kombination von JQuery - .position() Methode und die absolute Positionierung sollte den trick tun.

    $('<div>New Element</div>').css({
    "position" : "absolute",
    "left"     : $foo.position().left,
    "top"      : $foo.position().top
}).appendTo($container);

    Hinweis: $container muss enthalten sowohl die dynamisch generierten element und das Ziel-element.

    kannst du bitte ein Beispiel zeigen mit der js code, den ich gepostet?
    Ich habe keine Ahnung, wie .embedly() funktioniert, aber ich poste ein Beispiel mit standard-JQuery-code.
    ok das ist gut...

    InformationsquelleAutor Christian Mann

Schreibe einen Kommentar