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

\njQuery.mobile.activePage<\/span>Returns: jQuery<\/a><\/span>\n<\/h2>\n
\n

Description: <\/strong>Reference to the page currently in view.<\/p>\n

  • \nversion added: 1.0<\/span>jQuery.mobile.activePage<\/h4><\/li><\/ul>\n

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

    Example of the activePage property<\/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\t\t
    23<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    24<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    25<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    26<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    27<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    28<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    29<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    30<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    31<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    32<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    33<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    34<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    35<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    36<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    37<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    38<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    39<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    40<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    41<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    42<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    43<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    44<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    45<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    46<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    47<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    48<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    49<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    50<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    51<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t
    52<\/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
    <!doctype html<\/span>><\/span><\/code><\/div><\/div>
    <html<\/span> lang<\/span>="en"<\/span>><\/span><\/code><\/div><\/div>
    <head<\/span>><\/span><\/code><\/div><\/div>
      <meta<\/span> charset<\/span>="utf-8"<\/span>><\/span><\/code><\/div><\/div>
      <meta<\/span> name<\/span>="viewport"<\/span> content<\/span>="width=device-width, initial-scale=1"<\/span>><\/span><\/code><\/div><\/div>
      <title<\/span>><\/span>jQuery.mobile.activePage demo<\/title<\/span>><\/span><\/code><\/div><\/div>
      <link<\/span> rel<\/span>="stylesheet"<\/span> href<\/span>="\/\/code.jquery.com\/mobile\/1.3.2\/jquery.mobile-1.3.2.min.css"<\/span>><\/span><\/code><\/div><\/div>
      <script<\/span> src<\/span>="\/\/code.jquery.com\/jquery-1.9.1.min.js"<\/span>><\/span><\/script<\/span>><\/span><\/code><\/div><\/div>
      <script<\/span> src<\/span>="\/\/code.jquery.com\/mobile\/1.3.2\/jquery.mobile-1.3.2.min.js"<\/span>><\/span><\/script<\/span>><\/span><\/code><\/div><\/div>
      <style<\/span>><\/span><\/span><\/code><\/div><\/div>
      #myResult<\/span> {<\/code><\/div><\/div>
        border<\/span>: 1px<\/span> solid;<\/code><\/div><\/div>
        border-color<\/span>: #108040<\/span>;<\/code><\/div><\/div>
        padding<\/span>: 10px<\/span>;<\/code><\/div><\/div>
      }<\/code><\/div><\/div>
      <\/style<\/span>><\/span><\/code><\/div><\/div>
    <\/head<\/span>><\/span><\/code><\/div><\/div>
    <body<\/span>><\/span><\/code><\/div><\/div>
     <\/code><\/div><\/div>
    <div<\/span> data-role<\/span>="page"<\/span> id<\/span>="page1"<\/span>><\/span><\/code><\/div><\/div>
      <div<\/span> data-role<\/span>="header"<\/span>><\/span><\/code><\/div><\/div>
        <h1<\/span>><\/span>Page 1<\/h1<\/span>><\/span><\/code><\/div><\/div>
      <\/div<\/span>><\/span><\/code><\/div><\/div>
      <div<\/span> data-role<\/span>="content"<\/span>><\/span><\/code><\/div><\/div>
        <a<\/span> href<\/span>="#page2"<\/span> data-role<\/span>="button"<\/span> data-inline<\/span>="true"<\/span>><\/span>Go to Page 2<\/a<\/span>><\/span><\/code><\/div><\/div>
        <input<\/span> type<\/span>="button"<\/span> value<\/span>="Which Page is this?"<\/span> class<\/span>="myButton"<\/span> data-inline<\/span>="true"<\/span>\/><\/span> <br<\/span>><\/span><\/code><\/div><\/div>
        <div<\/span> class<\/span>="myResult"<\/span>><\/span>The result will be displayed here<\/div<\/span>><\/span><\/code><\/div><\/div>
      <\/div<\/span>><\/span><\/code><\/div><\/div>
    <\/div<\/span>><\/span><\/code><\/div><\/div>
     <\/code><\/div><\/div>
    <div<\/span> data-role<\/span>="page"<\/span> id<\/span>="page2"<\/span>><\/span><\/code><\/div><\/div>
      <div<\/span> data-role<\/span>="header"<\/span>><\/span><\/code><\/div><\/div>
        <h1<\/span>><\/span>Page 2<\/h1<\/span>><\/span><\/code><\/div><\/div>
      <\/div<\/span>><\/span><\/code><\/div><\/div>
      <div<\/span> data-role<\/span>="content"<\/span>><\/span><\/code><\/div><\/div>
        <a<\/span> href<\/span>="#page1"<\/span> data-role<\/span>="button"<\/span> data-inline<\/span>="true"<\/span>><\/span>Go to Page 1<\/a<\/span>><\/span><\/code><\/div><\/div>
        <input<\/span> type<\/span>="button"<\/span> value<\/span>="Which Page is this?"<\/span> class<\/span>="myButton"<\/span> data-inline<\/span>="true"<\/span>\/><\/span> <br<\/span>><\/span><\/code><\/div><\/div>
        <div<\/span> class<\/span>="myResult"<\/span>><\/span>The result will be displayed here<\/div<\/span>><\/span><\/code><\/div><\/div>
      <\/div<\/span>><\/span><\/code><\/div><\/div>
    <\/div<\/span>><\/span><\/code><\/div><\/div>
     <\/code><\/div><\/div>
    <script<\/span>><\/span><\/span><\/code><\/div><\/div>
    $(function<\/span>(<\/span>) <\/span>{<\/code><\/div><\/div>
      $( ".myButton"<\/span> ).on( "click"<\/span>, function<\/span>(<\/span>) <\/span>{<\/code><\/div><\/div>
        var<\/span> whichPageId = $.mobile.activePage.attr( "id"<\/span> );<\/code><\/div><\/div>
        $( ".myResult"<\/span> ).html( "This is "<\/span> + whichPageId );<\/code><\/div><\/div>
      });<\/code><\/div><\/div>
    });<\/code><\/div><\/div>
    <\/script<\/span>><\/span><\/code><\/div><\/div>
     <\/code><\/div><\/div>
    <\/body<\/span>><\/span><\/code><\/div><\/div>
    <\/html<\/span>><\/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
    Demo:<\/h4>\n
    <\/div>\n<\/div><\/section>\n<\/div><\/article>","protected":false},"excerpt":{"rendered":"
    Reference to the page currently in view.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-40","post","type-post","status-publish","format-standard","hentry","category-properties"],"_links":{"self":[{"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/posts\/40","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=40"}],"version-history":[{"count":1,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":41,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/posts\/40\/revisions\/41"}],"wp:attachment":[{"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/api.jquerymobile.com\/1.3\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}