>  기사  >  웹 프론트엔드  >  jquery는 다른 요소를 기준으로 요소의 상위 값을 설정합니다(예제 코드)_jquery

jquery는 다른 요소를 기준으로 요소의 상위 값을 설정합니다(예제 코드)_jquery

WBOY
WBOY원래의
2016-05-16 17:17:141236검색

sfdsfsddfsdf

                                                                                                                                   

입력 아래 버튼 설정

$("#button").css("{top":$("#input").offset().top-$("#span2").offset().top $("#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.offsetParent) {
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";


그림과 같습니다:


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.