[jQuery] html 동적 추가후 jQuery Default UI 적용하기.

Posted by Find my true self Fimtrus
2013.06.04 17:28 Programming/Hybrid App

이것때문에 몇일을 삽질하고....화면 만든 다음에 크롬에서 컨트롤 CV를 얼마나했는데...

아래의 코드로 간단하게 적용할 수 있다....


//이렇게만 하면 jQuery의 Default UI가 적용이 되지 않는다.
$("타겟").append("추가할 html");

//하지만 강제로 pagecreate 트리거를 발생시키면!!
$("타겟").append("추가할 html").trigger("pagecreate");
//Default UI가 짠하고 생성된다.!!


위의 코드는 오직!! data-role 이 page 인 것만 동작한다.

다른 data-role에서도 적용할 수 있는 방법을 찾아...보아야겠다.


..

.

.


잠깐의 고민으로... 위의 문제를 수정한 코드!!

정말 간단하네..참..이걸로 몇일을 고민하다니.

//트리거를 create로 변경해주면 된다.
$("타겟").append("추가할 html").trigger("create");
//
//

실제 적용화면~~!

적용전...

적용후...


이 댓글을 비밀 댓글로

[jQuery] 외부 html파일을 읽어 현재 페이지에 추가하기.(append external html into current page)

Posted by Find my true self Fimtrus
2013.05.23 13:35 Programming/Hybrid App

화면을 동적추가할때 코드로 html을 추가하게된다.

하지만, 그 양이 많다면, 소스코드가 지저분해질 수 있는데, 

아래와 같은 방법으로 html파일을 읽어 원하는 곳에 추가할 수 있다.


/**
 * @param data : 파싱된 데이터가 리턴된다.
**/
$.get("fileName", function(data){
	$('추가할 Root View').append($(data).fadeIn());
});

이 댓글을 비밀 댓글로