jquery mobile appending/prepending text

Question

I would like to append some code to a page using jQuery/jQuery mobile, but I am tripping up on some of the page() and pageshow and refresh methods.
Here is my code. you can cut, paste and run as is.

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Page Title</title>   
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script>

    <script>
    //$(document).ready(function()                  // get error when I use this
    $('div').live('pageshow', function () {  
        function fnCreateGroups(){
            var section = "<p>and add a whole bunch of html code...</p>";
             myClone = $(section);  
             alert((myClone).html());  // this works
             myClone.appendTo("#placeholder").page(); // but not appending          
        }
        fnCreateGroups();
    });         
    </script>

</head> 
<body> 
    <div data-role="page">
        <div id="placeholder">
            <div data-role="content">
                <div id="placeholder">this is a small amount of html code.</div>
            </div>
        </div>      
    </div>
</body>
</html>

Phill Pafford · Accepted Answer · 2011-08-11 16:22:21Z

0

Beta2 release notes:

http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/

instead of:

myClone.appendTo("#placeholder").page();

try

myClone.appendTo("#placeholder").trigger('create');

From your comment:

You are running the live() on all div's

$('div').live('pageshow', function ()

try using the page id instead

$('#change_this_page_only').live('pageshow', function ()

and this:

<div data-role="page">

to something like this:

<div data-role="page" id="change_this_page_only">

edited Aug 11, 2011 at 16:22

answered Aug 11, 2011 at 16:10

Phill Pafford

85.6k92 gold badges268 silver badges385 bronze badges

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

2 Comments

mustapha george Over a year ago

thank you that works! My other issue is that I have several pages and I only want to run it once. However every time I enter the page it repeats.

mustapha george Over a year ago

Thank you. With your help, I have advanced more in 7 minutes than in last 12 hours!!!!! I posted new question that builds on this examples.stackoverflow.com/questions/7029533/… Thanks again!!

Collectives™ on Stack Overflow

jquery mobile appending/prepending text

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related