Question

我正在基于ajax响应的jquery移动页面中创建动态超链接，如下所示

for( i = 0 ;i < data.length ; i ++)

       var links = "<a href="http://www.example.com/friend.html?id="+data[i].id+
                        "&name="+data[i].name+"</a>";

但只要用户点击此链接，就会显示该页面，但地址栏中会显示该网址不会改变。

例如，如果在后续页面中生成以上链接

http://www.example.com/myinfo.html?token=323423432&id=32332

然后，只要用户点击动态链接，就会显示新页面，但地址栏上面会显示相同的myinfo.html网址，而不是friend.html

我尝试插入data-ajax="false"，这会明确更改地址栏中的网址，但问题是当我点击friend.html页面上的后退按钮时，myinfo.html页面会再次重新加载{ {1}}

friend.html中的

后退按钮设置如下

which i don't want

并且动态设置其href，其指向myinfo.html及其先前的标记和标识

Answer 1

jQuery Mobiles使用AJAX加载页面，让用户在页面相互转换时获得流畅的体验。这是通过加载目标页面的内容（<body>）并将其加载到当前页面来完成的。通过这种方式，他们可以在页面之间进行平滑过渡，而您实际上并不离开源页面，并且您实际上并未访问目标页面。这就是为什么地址栏中的URL不会改变的原因。

地址栏中的网址不会被更改

1 个答案: