2012-01-31 2 views
0

일정을 잡으려는 캘린더 페이지가 있습니다. 당신이 보는 대부분의 자바 스크립트 캘린더 (구글 캘린더 등)와는 달리, 캘린더 위에는 아약스 호출을 기반으로 크기가 변동하는 동적 인 내용이 있습니다. 그래서, 페이지 크기가 바뀔 때 캘린더에 이벤트를 위치시키기 위해 호출 할 수있는 함수가 필요합니다. 내 첫 번째 단계에서는 페이지에 정적 div를 그린 다음 페이지로드시 달력에 배치하려고합니다. 이벤트는 캘린더 위로 이동해야하며, 이벤트의 맨 위가 놓여있는 캘린더 셀까지 정렬됩니다. , http://midas.sleepex.com/calendar.html위치가 변경되지 않는 이유는 무엇입니까? 그리고 그것을 어떻게 변화 시키나요?

내가 스크립트를 실행 한 후 크롬에서 div의 검사, 그것은 위쪽 및 왼쪽 좌표가 정확 말한다 : 코드는 JSFiddle 사망뿐만 아니라 이후 여기 http://jsfiddle.net/LrEEA/ :

나는 JSFiddle의 코드를 div는 달력 위에 배치되지 않습니다. 내가 뭘 잘못하고 어떻게이 일을 할 수 있니?

+0

피들 (Fiddle)은 현재 문제가있는 것처럼 보입니다. 그러나 대개 좌표가 "올바른 항목"이지만 요소가 잘못된 위치에 표시되면 잘못된 위치 설정이 지정되고 상대 좌표가 "상대적" 네가 기대하는 것 이외의 것으로 위치 지정 대신 DOM 인젝션을 사용하여 이벤트가 해당 요일의 컨테이너 요소의 하위 요소가되는 방법은 무엇입니까? –

+0

고마워, 마크. 나는 그것이 사실이라고 의심한다. 그러나 나는 그것을 올바르게 이해할 수 없다. 다른 코드는 다음과 같습니다. http://midas.sleepex.com/calendar.html –

+0

아, 자식 요소와 관련하여 캘린더 일정이 일정 기간에 따라 몇 시간 동안 유동해야하기 때문에 작동하지 않습니다. –

답변

1

position: absolute을 사용 중입니다. position : relative로 나열된 이벤트의 다른 상위 요소가 없으면 이벤트가 전체 문서의 왼쪽/왼쪽을 기준으로 배치되는 것을 의미합니다. position:relative 인 일반 div에서 일정을 감싸고 해당 div에 이벤트를 삽입하여 문서가 아닌 div에 절대적으로 위치하도록 해보십시오.

관련 문제