JQuery Mobile 1.4.5 программно изменение pagecontainer не работает

Question

Я использую jqm 1.4.5. для моего веб-приложения. У меня проблема с программным изменением на страницу с помощью виджета изменения pagecontainer в определенной ситуации. У меня есть домашняя страница, которая является частью файла index.html. На домашней странице, если я загружаю внешнюю страницу с помощью jqm ajax-метода, а затем с этой страницы появляется кнопка, которая возвращается на главную страницу (через javascript), она терпит неудачу. Однако он работает, если на внешней странице есть кнопка привязки с href = "# home_page".

Выполняется код JS. Все идентификаторы верны.

Почему он работает с помощью кнопки привязки, но не программно с тегом кнопки, используя код JS?

Что я делаю неправильно?

index.html

<div id="page_home" data-role="page" > 
<div data-role="header"> 
    <h1>Home Page</h1> 
</div> 
<div data-role="content"> 
    <a href="page_external.html" data-role="button"> load in the external page</a> 
</div> 

page_external.html

<div id="page_external" data-role="page" > 
<div data-role="header"> 
    <h1>Home Page</h1> 
</div> 
<div data-role="content"> 
    <a href="#page_home" data-role="button"> go to home page</a> <!-- this works --> 
    <button id="mybutton" data-role="button" > go to home page (script)</button> <!-- this does not work --> 
</div> 

JS

$(document).on("click", "#mybutton, function () { 
//this fails silently and does not change the page 
    $(":mobile-pagecontainer").pagecontainer("change", "#page_home"); 
}); 

Answer 1

Я нашел ответ здесь на SO:

Similar Question

Я использовал неправильный синтаксис. Это должно быть

$(":mobile-pagecontainer").pagecontainer("change", $("#page_home"));