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