używam$.mobile.navigate("#test-page", {id:123}) aby przejść do strony dodatkowej.

Nawigacja od strony do strony działa dobrze ... ale stan jest pusty!

Dokumenty wyraźnie pokazują, że państwo powinno zawierać wszystkie informacje potrzebne podczas nawigacji.

To jest kod, którego używam:

$(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);
  }
});

Niestety dane są przekazywane jako puste:

{
    state:{}
}

HTML jest następujący:

<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>

Mam nadzieję, że ktoś może pomóc. Dzięki!