通过AJAX加载页面内容,然后通过JQM转换显示

时间:2012-06-25 04:14:06

标签: jquery-mobile

我为JQM应用程序构建了一个小的模板系统,这样我就可以使用常见的脚本标记,页眉和页脚来维护相同的index.html文件,并简单地将主要内容加载到内容数据角色中。它完美地工作除了我失去过渡。

例如,当有人点击某个链接时,我只需使用$.load获取该链接网址并将其加载到内容div中。我想要做的是使用ajax将内容加载到即将显示的div中,然后触发JQM的一个过渡,例如幻灯片或其他任何过渡,将新的div滑动到位。

这可能吗? loadPage加载整个页面并且不支持转换,而changePage要求我更改整个页面。

以下是运行此功能的js的内容。 HTML是标准的单页模板:

$(document).live('pagecreate', function() {
    \\ load a page in the views folder called needing.html into the content div
    loadContent("needing");
});

function loadContent (location, nav) {
    return $('#content').load("views/"+location+".html", function(resp) { 
            $(this).trigger('create');
            $('a').unbind('click').click(function (ev) {
            var $this = $(this), location = $this.attr('href');
                loadContent(location, nav);
                return false;
        })
   });
}

0 个答案:

没有答案