셀에 활동 표시기를 배치하는 JavaScript 코드

다음 코드 (내 코드 없음)를 사용하여 css 요소 (셀이라고 함)에 이미지를로드하고 활동 표시기를 표시합니다.셀에 활동 표시기를 배치하는 JavaScript 코드

var cell = document.createElement('li'); 
cell.textContent = this.labelForIndex(index); 
var indicator = new NKActivityIndicator(); 
indicator.init(10,100,20,"white"); 
indicator.show(); 
indicator.spin(); 
$(cell).css("background-image", "url("+iconImage+")");

지금 내가 위치 폭 및 표시의 색상을 정의 코드 indicator.init(10,100,20,"white");의 cell.this 라인의 중간에있는 표시기를 배치합니다. 세포의 중앙에 놓고 싶습니다. 어떤 반응이 있습니까?

출처

2010-07-26 Rony

그것은 절대적으로 위치합니까? 모든 것을 계산할 수 있습니까? 의미 : 셀 너비와 표시기 너비가 인 경우 가운데에 배치 할 수 있습니다. 의 너비에서 표시기의 너비를 빼고 2로 나누고 표시기 왼쪽에 그 위치를 지정하십시오. 똑같은 높이에 대해 –

실제로 계산이 사실이 아닙니다 ... 나는 쉽게 할 수 있습니다. :) 그러나 어떻게 셀의 위치 너비를 얻을 수 있습니까 ?? – Rony

$ (셀) .width() 너비 너비는 이고 $ (셀). 높이()는 너비가 너 –

jQuery의 .position() 또는 .offset()을 사용하여 셀의 위치를 검색하고 .height() 및 .width()를 사용하여 구성 요소를 셀 가운데에 배치 할 수 있습니다. 코멘트에 우리의 모든 말과 같은

출처

2010-07-26 05:31:25

하지만 문제는 .... 내가 $ (cell) .width()를 사용하면 0 값을 얻는다 ??? – Rony

코드에서 방금 요소를 만들었습니다. 요소를 DOM에 첨부 했습니까? –

안녕 ... 첨부하는 방법 ...? – Rony

는 :

당신이 필요 $ (셀) .width()와 $ (셀) .height의()

하지 .position() 또는 .offset입니다(), 이번에는 아니야 ...

출처

2010-07-26 05:35:40

코드 샘플 – jjj

을 사용하지만 문제는 .... $ (cell) .width() 나는 0 값을 얻는다 ??? – Rony

firefox를 사용하여 firefox에서 요소 위로 이동하여 폭을 확인하십시오. 어쩌면 오른쪽 부유물에 없습니다. 어쩌면 당신은 그것과 같은 약간의 CSS를 줄 필요가 있습니다 : display : block; 왼쪽으로 뜨다; 위치 관련 (내부 요소가 절대적으로 배치 된 경우) –

셀에 활동 표시기를 배치하는 JavaScript 코드

답변

관련 문제