jquery 設定元素相對於另一個元素的top值(實例碼)_jquery

sfdsfsddfsdf

       
       

 

設定button在input的下方

$("#button").css("{top":$("#input").offset().top-$("#span2").offset().top $("#input ").height,position:"absolute"});

這樣輿論input在哪個位置button都在input的下邊，同樣可以運用到日曆小插件在input文字框的下方

1、在jquery中offset().top是相對於body來說的，另外在設定top值的時候要找到與該元素最近的有相對值的元素

在js中可以這樣寫：

複製程式碼 程式碼如下:

程式碼如下:


//🎜>//取得HTML控制絕對位置
Calendar.prototype.getAbsPoint = function (e){
  var x = e.offsetLeft;
  var y = e.offsetTop;
  while(e = e.set) {
    x = e.offsetLeft;    y = e.offsetTop;

  }
  return {"x": x, "y": y};

}

}

 var xy = this.getAbsPoint(popControl);
   this.panel.style.left = xy.x  "px";

  this.panel.style.top = (xy.y dateObj.offsetHeight) "px";

如圖所示：