jQuery 모바일을 사용하여 BODY에 동적으로 DIV 추가하기

본문에 DIV를 추가하려고했지만 빈 페이지를 얻었습니다. 이것은 내 example입니다.jQuery 모바일을 사용하여 BODY에 동적으로 DIV 추가하기

같은 예제에서 나는 잘 작동하기 때문에 HTML의 주석 처리를 제거했다.

코드 : data-role= "page"이 none의 display을 가지고 있기 때문에

$("body").append('<div data-role="page"><div data-role="content">HOME</div></div>'); 
$("body").collapsibleset();

출처

2013-03-20 Mils

에서 바이올린을 확인하시기 바랍니다

$("body").html('<div data-role="page" id="myPage"><div data-role="content"><p>HOME</p> </div></div>'); $("#myPage").show();

을했다. – Marcus

그 이유는 무엇입니까? 내 브라우저에서 같은 문제가 있습니다. – Mils

이 작동하지 않습니다.
enter image description here

내가 그랬던 것처럼 당신이 그것을 사용하지 않으면이 CSS에서 오는 경우, 그러나, "홈"이 CSS를 JQuery와 모바일에서 오는

편집 을 보여줍니다 어디 모르겠어요. 스타일 시트에서 data-role="page" ~ display:block;의 CSS를 수동으로 설정하여 jquery를 무시하거나 HTML에 할당하지 않아도됩니다.

출처

2013-03-20 22:23:47

당신은 jQuery Mobile 1.1.1의 선택을 취소하고 jsFiddle

출처

2013-03-20 22:32:39 Amir

에 jQuery UI 1.8.18 같은 다른 뭔가를 확인 나는 페이지에 ID를 추가 JQuery와의 show() 첨부 :를 호출한다. 그것은 당신이 방화 광 또는 크롬의 디버거를 사용하여 HTML을 검사하는 경우, 당신이 그것을 그냥 jsFiddle 창에 표시되지 않는 것, 사업부가 추가되는 것을 볼 수 있습니다 http://jsfiddle.net/cFens/2/

출처

2013-03-21 07:28:17

jQuery 모바일을 사용하여 BODY에 동적으로 DIV 추가하기

답변

관련 문제