Обновить div в jquerymobile v1.3.2,phonegap v2.9.0

Question

Я работаю в jquerymobile v1.3.2,Phonegap 2.9.0

Я получаю фотографии с веб-службы ajax, которая работает нормально. Теперь хочу реализовать лайтбокс, я получаю фотографии из ajax и объединяю их в div. Вот мой код Я использовал этот лайтбокс с помощью демо-справки jquerymobile.

//var contenttype; 
//var cookies;
//var aGallery;
var ItemsCount=photolink_arr.length;
var divGallery = document.getElementById("Gallery");
 for (var i=0; i <  ItemsCount; i++)
        {                
            $.ajax({
                type: 'get',
                async: false, 
                url: photolink_arr[i],
                dataType: "json",
                contentType: contenttype,
                headers: {Cookie: cookies},
                success: function (data){  
                    var photo= data.image_link;
                    var thumbphoto= data.thumbnail_link;  
                    aGallery += ' <a href="#popupPhoto' + i + '" data-rel="popup" data-position-to="window" data-transition="fade"><img class="popphoto" src="' + thumbphoto + '" alt="Photos" style="width:30%"></a>';
                    aGallery += ' <div data-role="popup" id="popupPhoto' + i + '" data-overlay-theme="a" data-theme="d" data-corners="false">';
                    aGallery += ' <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img class="popphoto" src="' + photo + '" style="max-height:512px;" alt="Paris, France"> </div>';   
                    divGallery.innerHTML = aGallery;  
                },
                complete: function() { 
                    console.log ('LoadphotosView function complete'); 
                },            
                error: function (request,data)
                { 
                    alert("load albums error request=" + JSON.stringify( request)); 
                }
            }) ; 

        }  

HTML

<div id="ViewPhotopage" data-role="page"  class="RedScreen"> 
            <script type="application/javascript"  src="js/AlbumCategory.js"></script> 
            <script type="text/javascript"> 
                document.addEventListener("deviceready", function() {
                    console.log('Photo view device ready started'); 
                    tabBar.hide(); 
                });

                $(document).ready(function(){                    
                    console.log('albums category document ready');
                     LoadAlbums();                    
                });

                $( document ).on( "pageinit", function() {
                    $( ".photopopup" ).on({
                        popupbeforeposition: function() {
                            var maxHeight = $( window ).height() - 60 + "px";
                            $( ".photopopup img" ).css( "max-height", maxHeight );
                        }
                    });
                }); 
            </script> 
            <div id="Header" data-role="header">
                <a data-rel="back" data-role="button" data-inline="true" data-theme="b">Back</a>  
                <h1>Photo View</h1>
                <a rel="external" data-role="button" href="PhotoAdd.html" data-inline="true" data-theme="b">Add</a>  
            </div>   
            <div id="Gallery" data-role="content" class="gallery">
                <div style='font-size:14pt;color:#fff;'>Loading..</div>
            </div>
        </div> 

изображения и всплывающие окна отображаются гиперссылка тоже не работает. Я хочу показать только миниатюру, а при клике большое изображение должно отображаться в лайтбоксе. Я думаю, что мне нужно обновить div так же, как listview в jquerymobile. Я работал с photoswipe, и проблема та же. Вы предлагаете что-нибудь или предлагаете любую альтернативу.