{"id":66,"date":"2023-08-25T17:32:37","date_gmt":"2023-08-25T17:32:37","guid":{"rendered":"\/\/api.jquerymobile.com\/1.3\/?p=66"},"modified":"2023-08-25T17:32:37","modified_gmt":"2023-08-25T17:32:37","slug":"navigate","status":"publish","type":"post","link":"https:\/\/api.jquerymobile.com\/1.3\/navigate\/","title":{"rendered":"navigate"},"content":{"rendered":"

\nnavigate event<\/span>version added: 1.3<\/span>\n<\/h2>\n
\n

Description: <\/strong>A wrapper event for both hashchange and popstate<\/p>\n

    <\/ul>\n
    \n\t\t

    The navigate event is a wrapper around both the hashchange<\/code> and popstate<\/code> events. In addition to providing a single event for all browsers it also provides a data object in both cases allowing for the unification of handlers. This feature is used by the $.mobile.navigate<\/code> method to include directionality and URL information.<\/p>\n\t<\/div>\n

    Example:<\/h2><\/header>
    \n

    Change the hash fragment twice then log the data provided with the navigate event when the browser moves backward through history. NOTE: The state will not be provided by default in browsers that only support hashchange. For that functionality please see the navigate method docs.<\/p>\n

    \n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t
    \n\t\t\t\t\t\n\t\t\t\t\t\t
    1<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    2<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    3<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    4<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    5<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    6<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    7<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    8<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    9<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    10<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    11<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    12<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    13<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    14<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    15<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    16<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    17<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    18<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    19<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    20<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    21<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    22<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/td>\n\t\t\t\t\n\t\t\t\t
    		\n\t\t\t\t\t
    \/\/ Bind to the navigate event<\/span><\/code><\/div><\/div>
    $( window<\/span> ).on( "navigate"<\/span>, function<\/span>( event, data <\/span>) <\/span>{<\/code><\/div><\/div>
      console<\/span>.log( data.state );<\/code><\/div><\/div>
    });<\/code><\/div><\/div>
     <\/code><\/div><\/div>
    \/\/ Trigger a navigate event by pushing state<\/span><\/code><\/div><\/div>
    window<\/span>.history.pushState( { foo<\/span>: "bar"<\/span> }, "Title"<\/span>, "http:\/\/example.com\/#foo"<\/span> );<\/code><\/div><\/div>
     <\/code><\/div><\/div>
    \/\/ From the `navigate` binding on the window, console output:<\/span><\/code><\/div><\/div>
    \/\/ => {}<\/span><\/code><\/div><\/div>
     <\/code><\/div><\/div>
    \/\/ Trigger a navigate event by pushing state<\/span><\/code><\/div><\/div>
    window<\/span>.history.pushState( {}, "Title"<\/span>, "http:\/\/example.com\/#bar"<\/span> );<\/code><\/div><\/div>
     <\/code><\/div><\/div>
    \/\/ From the `navigate` binding on the window, console output:<\/span><\/code><\/div><\/div>
    \/\/ => {}<\/span><\/code><\/div><\/div>
     <\/code><\/div><\/div>
    \/\/ Trigger a navigate event by moving backward through history<\/span><\/code><\/div><\/div>
    window<\/span>.history.back();<\/code><\/div><\/div>
     <\/code><\/div><\/div>
    \/\/ From the `navigate` binding on the window, console output:<\/span><\/code><\/div><\/div>
    \/\/ => { foo: "bar" }<\/span><\/code><\/div><\/div><\/pre>\n\t\t\t\t<\/td>\n\t\t\t<\/tr>\n\t\t<\/tbody>\n\t<\/table>\n<\/div>\n\n<\/div><\/section>\n<\/div><\/article>","protected":false},"excerpt":{"rendered":"
    A wrapper event for both hashchange and popstate<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-66","post","type-post","status-publish","format-standard","hentry","category-events"],"_links":{"self":[{"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/posts\/66","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/comments?post=66"}],"version-history":[{"count":1,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/posts\/66\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/posts\/66\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/media?parent=66"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/categories?post=66"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/tags?post=66"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}