How to get an event from button in jquery mobile dynamic page

Question

I have created a dynamic page using jquery mobile, how to get an event after creating this page? Also i need an alert from this button.

this is my code:

 $("#test").on('click',function(){
    var newPage = $("<div data-role=page data-url=testpage><div data-role=header>        <h1>TEST</h1></div><div data-role=content> <input type='button' value='clic kMe' id='click_me'> </div></div>");
    newPage.appendTo( $.mobile.pageContainer );
    $.mobile.changePage( newPage );
 });

Gajotres · Accepted Answer · 2013-05-24 10:11:56Z

3

Use this:

    $(document).on('click','#click_me',function() {
        alert('Click');
    });

or in case of your code:

$("#test").on('click',function(){
    var newPage = $("<div data-role=page data-url=testpage><div data-role=header><h1>TEST</h1></div><div data-role=content> <input type='button' value='clic kMe' id='click_me'> </div></div>");
    $(document).on('click','#click_me',function() {
        alert('Click');
    }); 
    newPage.appendTo( $.mobile.pageContainer );
    $.mobile.changePage( newPage );
});

answered May 24, 2013 at 10:11

Gajotres

57.3k16 gold badges106 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Shafi PS Over a year ago

Thanks Gajotres, click event is firing now, i need an event after create this page,

Gajotres Over a year ago

This kind of binding will work always no matter if element exists in DOM or not. Do you maybe need anything else?

Shafi PS Over a year ago

yea!, i want to append some data to this page, so how i get pageshow event form this page?

Gajotres Over a year ago

You will need to generate an id for that page,lets say that id is page1, then your code would work like this: $(document).on('pageshow ', '#page1', function(){ }); Because this is delegated binding you can do it after the click bind I showed you in my answer or in any other place. But remember page id is important, it is used so correct page event can be bound to a correct page.

Collectives™ on Stack Overflow

How to get an event from button in jquery mobile dynamic page

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related