Home/ Questions/Q 7164829
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T14:08:25+00:00

So I have a dynamically loaded button that is called with the following .live(‘click’)

  • 0

So I have a dynamically loaded button that is called with the following .live(‘click’) event.

$('#page').live('pageinit', function() {
    $('.email-button').live('click', function() {
        // do button stuff
     });
});

However the behavior is very odd. When the page is loaded and you try to click the button nothing happens. Then if you refresh the same page the click event fires. It’s almost as if it’s not binding the first time around. I have also tried the .bind method as well as .live('vclick') method but nothing works the first time the page load and I can’t seem to figure out what is causing this. I thought I read something along the lines of using .create but I didn’t think it applied to me. Any leads in the right direction??

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Found the answer here.
    How to initialize pages in jquery mobile? pageinit not firing

    It works if you place

    $('#page').live('pageinit', function() {
    $('.email-button').live('click', function() {
    // do button stuff
    });
    });

    within the body:
    <body>
    <div id="indexPage" data-role="page">
    //code here
    </div>
    </body>

    • 0