Question

我有一个我在下面定义的html页面

<div data-role="page" id="SavedImage" >
 <div data-role="header">
  <h1></h1>
  <a href="#"></a>
 </div>
 <div data-role="content" id="savedImageHeader">
  <img src="Image/InScope.png" alt="" style="height:100%; width:100%;" />
 </div>
 <div data-role="footer">
 </div>
</div>

并在html的标题中我正在创建一个动态div并尝试添加到savedImageHeader，如

<script type="text/javascript">
                $(document).on("pageshow", "#SavedImage", function() {

                alert("in html");
                var foldername = sessionStorage.getItem('foldername');
                var allignnmae = sessionStorage.getItem('Allignname');
                alert(foldername+"\n"+allignnmae);
                var headerdiv = '<center><div style="color:#fff;">Zeroed in '+foldername+' </div>'
                +'<div style="color:#fff;">'+allignnmae+'</div></center>';

                $('#savedImageHeader').append(headerdiv);
                });

        </script>

到这个页面我正在使用

从JS文件转发

$('ul').children('li').off('click').on('click', function () { 
    created_date = $.trim($(this).text());

    $.mobile.changePage( "Image.html", {
                        transition: 'slide',
                        reverse: 'true'
    });
});

我可以转到html页面。但是我创建的动态标签并没有添加。但如果我执行window.open（“Image.html”）;我能够绑定它。我在做什么错误？

或者他们能做得更好吗？

感谢：）

动态添加div不工作jquery mobile

0 个答案: