jquery - ein div erscheinen, wo ich klicke?

Question

Hey, ich versuche ein kleines Feature zu machen, wo ich auf ein Icon klicken kann, und eine Box wird erscheinen, die Lightbox ähnlich ist, aber auf dem Icon verankert ist. Gibt es eine Möglichkeit zu

1. sagen, wo das Symbol auf dem Bildschirm angezeigt wird, und dann
2. Haben die obere linke Ecke meiner Box platziert, wo das Symbol und dann
3. Habe meine Box erscheinen, dass Lage?

Vielen Dank!

Answer 1

// 1.Tell where the icon is on the screen 
var off = $("#iconId").offset(); 

// 2.Have the top left corner of my box placed where the icon is 
var div = $("#divId"); 
div.css({ position: "absolute", top: off.top, left: off.left }); 

// 3.Have my box appear in that location? 
div.show(); 

Answer 2

$(function() { 
    $("#icon").click(function(){ 
     var offset = $(this).offset(); 
     $("#pop").css("position","absolute").css("top",offset.top+$(this).height()).css("left",offset.left); 
     $("#pop").show(); 
    }); 
}); 

versetzt Sie die Position Ihres Symbol bekommt und dann verwenden Sie diese Werte die oberen und linken Offsets für Ihr Popup