使用瞄点在本页面进行跳转,但是使用了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请求的。

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

 

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

 

posted @ 2017-06-06 18:25  熊大熊二李老板  阅读(1683)  评论(0编辑  收藏  举报