我为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;
})
});
}