я использую$.mobile.navigate("#test-page", {id:123}) перейти на дополнительную страницу.

Навигация от страницы к странице работает нормально .... но состояние пусто!

Документы ясно показывают, что состояние должно содержать всю информацию, которая мне нужна, когда выполняется навигация.

Это код, который я использую:

$(window).on('navigate', function(event, data) {
  console.log("navigated", data);
  console.log(data.state.info);
  console.log(data.state.direction);
  console.log(data.state.url);
  console.log(data.state.hash);
  if (data.state.hash === "test-page") {
    console.log("Test page", data.state.id);
  }
});

К сожалению, данные передаются как пустые:

{
    state:{}
}

HTML-код следующий:

<div id="test-home" data-role="page">

      <div data-role="header">
          <h1>Test Home</h1>
      </div>
      <div data-role="content">
          <div id="test-btn">
            Click DIV for TEST page
          </div>
      </div>
      <div data-role="footer">
      </div>

  </div>


  <div id="test-page" data-role="page">
     <div data-role="header">
          <h1>Test Page</h1>
     </div>

     <div data-role="content">
        Test page

     </div>
  </div>

Надеюсь, что кто-то может помочь. Спасибо!