使用瞄点在本页面进行跳转，但是使用了jquery mobile，就不跳转了

在菜鸟上，<a>标签介绍页面中提到了锚点的一个用法：

      使用锚跳转到同一个页面的不同位置
　　本例演示如何使用锚的 id 属性跳转到页面的不同位置（ HTML5 不支持 name 属性）。

 在测试页面测试跳转没有问题，但是拿到实际工作项目的时候就有问题了，id设置了，href也设置了，但是页面就是不跳转。

我猜测这个是因为项目使用的jquery mobile导致的，然后针对这个开始有目的的搜索。果不其然，jquery mobile真的是集各种坑在一起啊！

先说一下导致这个问题的原因，在jquery mobile中，默认a标签是采用了ajax请求的，这就导致非ajax请求的a标签会出现各种各样的问题。

如题就是其中很明显的一个问题。

还有可能会导致跳转后的页面js代码不执行的问题。（js代码不执行，也有可能是因为js没有包含在data-role="page"的div中）

反正是类似因为jquery mobile而导致的各种坑是各种各样，数不胜数。。。

 

问题的解决办法：

在a标签上加上data-ajax="false"或者target="_self"，前面的属性好理解，就是告诉jquery mobile：这个a不是ajax请求的。

但是后面那个吧，，说实话，我是看网友给出的一个想法，然后在页面上试了一下，这样也是可以解决标题的这个问题的。

 

好了，今天就写这么多吧，，看看以后能不能找到答案，为啥第二个也是可以的呢。。。

 

转载于:https://www.cnblogs.com/new-dream-new-hope/p/6952837.html