在javascript和jquery mobile中创建动态页面

Question

我正在尝试使用以下命令在jquery mobile中动态创建页面：

    <script type="text/javascript">
        var myarrayA = 
        ['/link1.pdf',
         '/link2.pdf',
         '/link3.pdf',
         '/link4.pdf',
                         .
                         .
                         .        
                    'link100.pdf']
    </script>

    <script type="text/javascript">
        $(document).ready(function(){                

        for(i=0;i<myarrayA.length;i++){
        $('body').append(' \
        <div id="link'+i+'" data-role="page">  \
        <div data-role="header"></div>\
        <div data-role="content">\
        <iframe id="mytester" src=http://docs.google.com/viewer?embedded=true&url=http://www.example.com'+myarrayA[i]+'"></iframe>\
        </div></div>');}});
    </script>

该脚本有效，但需要FOREVER加载！我做错了什么？

谢谢