如何设置jquery';在html页面之间转换时删除链接
我有两个页面,index.html和testpage.html html由两个页面元素foo和bar组成,它们之间有链接 我使用ajax调用从index.html转换到testpage.html。问题是testpage.html上的链接使用index.html作为基本url。所以当我试着从“foo”转到“bar”时,我发现页面切换失败了如何设置jquery';在html页面之间转换时删除链接,jquery,jquery-mobile,Jquery,Jquery Mobile,我有两个页面,index.html和testpage.html html由两个页面元素foo和bar组成,它们之间有链接 我使用ajax调用从index.html转换到testpage.html。问题是testpage.html上的链接使用index.html作为基本url。所以当我试着从“foo”转到“bar”时,我发现页面切换失败了 $( document ).bind( "pagechangefailed", function( event, data ){ al
$( document ).bind( "pagechangefailed", function( event, data ){
alert('failed change ' + data.toPage);
});
此警报提示“更改失败”
问题显然在于#bar不存在于index.html上,但存在于testpage.html上。我不明白为什么链接试图链接回原始页面。如何手动设置链接或尝试手动覆盖?我试过类似的东西
$.mobile.changePage('testpage.html#bar');
但是运气不好。我认为jQM将此视为“深度链接”,但我认为这不是您想要实现的
(index.html#foo)
,
因为框架将查找ID为#foo
而不是用它滚动到内容的本机行为
身份证
我认为(但没有尝试过)您需要先使用$.mobile.loadPage('testpage.html')
将页面加载到DOM中,然后使用$.mobile.changePage('#bar')
进行转换
更多信息请参见:
$.mobile.changePage()
(index.html#foo)
,
因为框架将查找ID为#foo
而不是用它滚动到内容的本机行为
身份证
我认为(但没有尝试过)您需要先使用$.mobile.loadPage('testpage.html')
将页面加载到DOM中,然后使用$.mobile.changePage('#bar')
进行转换
更多信息请参见:
$.mobile.changePage()