렌더링 문제 jQuery 모바일 체크 박스

div 태그 안에 jQuery 모바일 체크 박스를 동적으로 렌더링하고 있습니다. 내가 직면하고있는 문제는 처음 체크 박스가 렌더링 될 때 작은 것으로 보이고 두 번째로 같은 페이지가로드되면 체크 박스가 올바르게 렌더링된다는 것입니다.렌더링 문제 jQuery 모바일 체크 박스

처음 로딩 :

다음은 샘플 스크린 샷입니다 enter image description here

두 번째 시간로드 : enter image description here

이 하나가 jQuery를 모바일 체크 박스의이 문제에 도움을 주시기 바랍니다 수 없습니다.

 xmlArr += '<table id="technologyAreas" border="0" style="width: 100%; margin: 0px; padding: 0px; background : #F0EFED">'; 
      xmlArr += '<tr><td style="width: 55%;background : #F0EFED">'; 
      xmlArr += '<fieldset id="techAreasCB" data-role="controlgroup" name="technologyAreasCheck" style="background : #F0EFED">'; 
      xmlArr += '<legend style="font-style: bold; font-size:16px;background : #F0EFED;width:100%"><label style="background : #F0EFED"><b>Areas<b>:</label></legend>'; 
    xmlArr += '<tr><td><div style="width:100%; background:#F0EFED;"><input type="checkbox" data-mini="true" name="category'+item.categoryid+'" id="checkbox'+item.categoryid+'" class="techAreasCheckBox" checked="checked"/></td><td class="myTD" style="padding-left:25px;"><label class="techAreasLabel" style="font-weight:100">'+item.categoryname+'</label></div></td></tr>'; 
xmlArr += '</fieldset></td></tr></table>';

는 jQuery를 모바일 확인란 CSS를 제거 할 수 있습니다 : 아래

는 하나의 체크 박스 내 렌더링 코드?

출처

2013-08-12 Ankit Tanna

Ps : 콘텐츠가 동적으로 렌더링되지 않는 경우에도 발생합니다. –

data-role = "none"속성을 사용하여 jQuery CSS를 재정의 할 수 있습니다.

스타일을 방지 속성은 데이터 역할 = "없음"

<input type='checkbox' style='display:none' data-role="none" />

가 JQuery와 문서를 참조하십시오입니다 : "폼 요소의 방지 자동 초기화"

이 나를 위해 일한 :)

을

출처

2013-08-12 05:42:38

렌더링 문제 jQuery 모바일 체크 박스

답변

관련 문제