Calling a Function On load of a HTML Jquery Mobile page

Question

0.00/5 (No votes)

See more:

XML

I tried

    $('#page18').bind("load",function() {
            alert("total Type") ;
        });

    and also i tried doing this

    $('#page18').ready( function() {
            alert("total Type")

I want to call a function on Load of a Html5 Jquery Mobile page.

    I have various Div with <data-role="page">
    Each of them has Id.Now with navigation when I reach on <div id="page18"> i want to cal a function ...
        });

    But cant seem to fig it out. can anyone help me with this

Posted 16-Aug-12 20:42pm

gaurish thakkar

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

StianSandberg · Accepted Answer · 2012-08-16T20:48:00

Solution 1

A load when the document is loaded/ready

JavaScript

$(document).ready(function() {
   // ...
});

which is equal to

JavaScript

$(function() {
   // ...
});

A load each time an element with data-role="page" is showed:

C#

$('[data-role=page]').on('pageshow', function (event, ui) {
   // ...
});

When a specific data-page is shown:

C#

$('#page18').on('pageshow', function (event, ui) {
   // ...
});

Requires jQuery 1.7 or higher (the .on method was added in version 1.7)

Posted 16-Aug-12 20:48pm

StianSandberg

Updated 16-Aug-12 21:07pm

v2

Comments

gaurish thakkar 17-Aug-12 6:59am

Thank U very very much....:)

gaurish thakkar 17-Aug-12 8:48am

Can u plz tell me how can i detect if an input tag exits in the Div.

StianSandberg 17-Aug-12 9:59am

jquery has a lot of selectors to find html elements. jQuery Selectors

gaurish thakkar 21-Aug-12 8:15am

i got it ..thnx