1

我已经为 JQM 应用程序构建了一个小型模板系统,以便我可以使用通用脚本标签、页眉和页脚维护相同的 index.html 文件,并将主要内容加载到内容数据角色中。它工作得很好,除了我失去了过渡。

例如,当有人点击一个链接时,我只是$.load用来获取该链接的 URL 并将其加载到内容 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;
        })
   });
}
4

0 回答 0