javascript - 以 px 为单位获取最高值 - JQuery

Question

出于某种原因，当使用 JQuery 将 div 附加到网页中并默认使用时；顶部 div 的百分比为 50%。当使用 JQuery 获取 top 值时，我得到 157.6px?实际上它应该在 400px 左右。

我不确定这是为什么？任何见解将不胜感激!

JQuery:

...code
//get last x and y cordinates
    if(fontActive == 1)
    {
        var x = $("#draggable").css('left');
        var y =$("#draggable").css('top');
    }
    // default remove old
    $(".customize-Container #draggable").remove();
    //get values
    var text = $("#fontEnter").val();
    var current = $(".activeText a div").attr('id');
    //create a canvas for image converting
    $(".customize-Container").append("<div id='draggable'><canvas id='"+current+"'></canvas></div>");
    //get x and y cordinates if fontActive not 1
    if(fontActive != 1)
    {
        var x = $("#draggable").css('left');
        var y =$("#draggable").css('top');
    }
...code

请注意上面的内容，在第一次启动时 fontActive = 0，一旦它已经运行，fontActive = 1 的值。

另外就像我说的，#draggable 有 css 样式，top 值默认为 50%；

Answer 1

我很确定这是因为 .css('top') 正在返回相对于定义位置的最近父元素的最高值。

要得到你想要的值，很有可能

$('#draggable').position().top +'px' 

您必须在其中附加 px 值，因为它将返回一个整数。