spring jquery Mobile 页面跳转后浏览器url未改变&&javaScript代码刷新后才能执行的问题解决

最近在做一个远程控制的项目的时候，使用了JqueryMoile，在其中发现一个问题：

当我在使用如下标签是发现：

<a href="webDevices" >设备列表</a>跳转之后发现浏览器的url 没有发生改变。

只有又发现，我在一个网页内写的javascript代码第一次加载网页的时候，JavaScript代码也没有执行。

 

反正中间耗费了很多时间去定位问题的所在。也是由于刚接触此类技术，并不是很精。后来想想还是追本还原，回到最起点，把jquerymobile的链接看了一下，有这么一段话：

    Jquery Mobile支持所有标准的html格式，为了让体验更加流畅,Jquery Mobile会把同一个域下的所有指向页面的链接都会自动转为ajax请求，并且用动画的转场效果实现切换

指向别的域的链接或者是含有 rel="external", data-ajax="false" 属性的链接以及含有target属性的链接不会通过ajax加载，页面会整体被刷新。

对此，我就考虑到了，是否是因为chrome为了提高页面的加载速度，采用了ajax加载，页面不会整体被刷新。于是我就在button按钮上加上了data-ajax="false"，然后果然行了。

正确的方式如下：

<a href="webDevices" data-ajax="false">设备列表</a>

改成这种方式后，所有的问题都解决了。