JQuery Mobile,로드 후 변경 가능?

Question

외부 페이지를로드하여 HTML에 삽입하려고합니다. 여기 내 코드는 다음과 같습니다.

$(document).ready(function() { 
    $("#idButton").click(function() { 
    $(":mobile-pagecontainer").pagecontainer("load","file:///url/to/my/HTMLFILE"); 
    $(document).ready(function() { 
     $(":mobile-pagecontainer").pagecontainer("change","#pageID"); 
    }); 
    }); 
}); 

실행하면 내 페이지가 변경되기 전에 버튼을 두 번 눌러야합니다. 이 문제를 어떻게 해결할 수 있습니까?

감사합니다.

Answer 1

구문이 잘못되었습니다. 이 방법이 효과가 있는지 확인하십시오.

$(document).ready(function() { 
    $("#idButton").click(function() { 
    $(":mobile-pagecontainer").pagecontainer("load","file:///url/to/my/HTMLFILE"); 
    $(":mobile-pagecontainer").pagecontainer("change","#pageID"); 
    }); 
});