Javascript 使用zend framework中的滑动功能进行Jquery移动页面导航&；类似facebook的图标消失

我正在使用zend framework开发jquery移动web应用程序。我正在使用页脚选项卡和滑动功能使用各种页面导航

我面临两个问题

1] 我在每个页面的菜单面板中使用类似facebook的图标。当我从另一个页面链接返回页面时，图标消失

我试过了

1） 我已经在页面的div之后包含了我所有的js文件（jquerymobilejs除外）

<div data-role="page" class="swipe-page type-interior" data-prev="previous_page" data-next="next_page">

类似facebook的图标的js是

 $( document ).on( "pageinit", function() {
       ( function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id))
            return;
        js = d.createElement(s);
        js.id = id;
        js.src =   "//connect.facebook.net/en_US/all.js#xfbml=1&appId=164648760363128";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));  


    });

2] 我通过在data prev=“previous\u page”data next=“next\u page”中提供页面名称，为每个页面添加了刷卡功能。使用以下脚本，该脚本保存在单独的js文件中，并包含在每个页面中

       // swipe functionality logic 
        var page = "#" + $( this ).attr( "id" ),
                next = $( this ).jqmData( "next" ),
                prev = $( this ).jqmData( "prev" );
        if ( next ) {
            // Prefetch the next page
            $.mobile.loadPage( next  );
            // Navigate to next page on swipe left
            $( document ).on( "swipeleft", page, function() {
                $.mobile.changePage( next );
            });
        }
        if ( prev ) {
            $( document ).on( "swiperight", page, function() {
                $.mobile.changePage( prev, { reverse: true } );
            });
        }

在前端设计中，它工作得非常完美，但是 在使用zend framework将应用程序与后端数据库集成后，在浏览器上测试应用程序时。它只适用于前3-4次。之后它开始在url中添加页面名称。我哪里做错了？ 请提出任何解释

       // swipe functionality logic 
        var page = "#" + $( this ).attr( "id" ),
                next = $( this ).jqmData( "next" ),
                prev = $( this ).jqmData( "prev" );
        if ( next ) {
            // Prefetch the next page
            $.mobile.loadPage( next  );
            // Navigate to next page on swipe left
            $( document ).on( "swipeleft", page, function() {
                $.mobile.changePage( next );
            });
        }
        if ( prev ) {
            $( document ).on( "swiperight", page, function() {
                $.mobile.changePage( prev, { reverse: true } );
            });
        }