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

\npagebeforeload event<\/span>version added: 1.0<\/span>\n<\/h2>\n
\n

Description: <\/strong>Triggered before any load request is made.<\/p>\n

  • jQuery( ".selector" ).on( "pagebeforeload", function( event ) { ... } )<\/h4><\/li><\/ul>\n
    \n\t\t

    Callbacks bound to this event can call preventDefault()<\/code> on the event to indicate that they are handling the load request. Callbacks that do this *MUST* make sure they call resolve()<\/code> or reject()<\/code> on the deferred object reference contained in the data object passed to the callback.<\/p>\n\t\t\t

    The data object, passed as the 2nd arg to the callback function contains the following properties:<\/p>\n

      \n \t
    • \nurl<\/code> (string)\n\t\t\t\t\t
        \n \t \t\t
      • The absolute or relative URL that was passed into $.mobile.loadPage()<\/code> by the caller.<\/li>\n \t \t<\/ul>\n \t<\/li>\n \t
      • \nabsUrl<\/code> (string)\n \t\t
          \n \t \t
        • The absolute version of the url. If url was relative, it is resolved against the url used to load the current active page.<\/li>\n \t \t<\/ul>\n \t<\/li>\n \t
        • \ndataUrl<\/code> (string)\n\t\t\t\t\t
            \n\t\t\t\t\t\t
          • The filtered version of absUrl to be used when identifying the page and updating the browser location when the page is made active.<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t<\/li>\n \t
          • \ndeferred<\/code> (object)\n\t\t\t\t\t
              \n\t\t\t\t\t\t
            • Callbacks that call preventDefault()<\/code> on the event, *MUST* call resolve()<\/code> or reject()<\/code> on this object so that changePage()<\/code> requests resume processing. Deferred object observers expect the deferred object to be resolved like this:\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<\/td>\n\t\t\t\t\n\t\t\t\t
              		\n\t\t\t\t\t
              $( document<\/span> ).on( "pagebeforeload"<\/span>, function<\/span>( event, data <\/span>) <\/span>{<\/code><\/div><\/div>
               <\/code><\/div><\/div>
                \/\/ Let the framework know we're going to handle the load.<\/span><\/code><\/div><\/div>
               <\/code><\/div><\/div>
                event.preventDefault();<\/code><\/div><\/div>
               <\/code><\/div><\/div>
                \/\/ ... load the document then insert it into the DOM ...<\/span><\/code><\/div><\/div>
                \/\/ at some point, either in this callback, or through<\/span><\/code><\/div><\/div>
                \/\/ some other async means, call resolve, passing in<\/span><\/code><\/div><\/div>
                \/\/ the following args, plus a jQuery collection object<\/span><\/code><\/div><\/div>
                \/\/ containing the DOM element for the page.<\/span><\/code><\/div><\/div>
               <\/code><\/div><\/div>
                data.deferred.resolve( data.absUrl, data.options, page );<\/code><\/div><\/div>
               <\/code><\/div><\/div>
              });<\/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\t\t\t\t\t
              or rejected like this:<\/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<\/td>\n\t\t\t\t\n\t\t\t\t
              		\n\t\t\t\t\t
              $( document<\/span> ).on( "pagebeforeload"<\/span>, function<\/span>( event, data <\/span>) <\/span>{<\/code><\/div><\/div>
               <\/code><\/div><\/div>
                \/\/ Let the framework know we're going to handle the load.<\/span><\/code><\/div><\/div>
               <\/code><\/div><\/div>
                event.preventDefault();<\/code><\/div><\/div>
               <\/code><\/div><\/div>
                \/\/ ... load the document then insert it into the DOM ...<\/span><\/code><\/div><\/div>
                \/\/ at some point, if the load fails, either in this<\/span><\/code><\/div><\/div>
                \/\/ callback, or through some other async means, call<\/span><\/code><\/div><\/div>
                \/\/ reject like this:<\/span><\/code><\/div><\/div>
               <\/code><\/div><\/div>
                data.deferred.reject( data.absUrl, data.options );<\/code><\/div><\/div>
               <\/code><\/div><\/div>
              });<\/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\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t<\/li>\n\t\t\t\t
            • \noptions<\/code> (object)\n\t\t\t\t\t
                \n\t\t\t\t\t\t
              • This object contains the options that were passed into $.mobile.loadPage().<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t<\/li>\n\t\t\t<\/ul>\n\t<\/div>\n<\/div><\/article>","protected":false},"excerpt":{"rendered":"
                Triggered before any load request is made.<\/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-78","post","type-post","status-publish","format-standard","hentry","category-events"],"_links":{"self":[{"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/posts\/78","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=78"}],"version-history":[{"count":1,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"predecessor-version":[{"id":79,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/posts\/78\/revisions\/79"}],"wp:attachment":[{"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}