jquery mobile добавление / добавление текста - PullRequest
Новая
       7

jquery mobile добавление / добавление текста

1 голос
/ 11 августа 2011

Я хотел бы добавить код на страницу, используя jQuery / jQuery mobile, но я использую некоторые методы page(), pageshow и refresh.
Вот мой код.Вы можете вырезать, вставлять и запускать как есть. 

<!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>

1 Ответ

0 голосов
/ 11 августа 2011

Примечания к выпуску Beta2:

вместо: 

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

попробуй 

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

Из вашего комментария:

Вы запускаете live () на всех div'ах 

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

попробуйте вместо этого использовать идентификатор страницы 

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

и это: 

<div data-role="page">

примерно так: 

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