在菜鸟上,<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请求的。
但是后面那个吧,,说实话,我是看网友给出的一个想法,然后在页面上试了一下,这样也是可以解决标题的这个问题的。
好了,今天就写这么多吧,,看看以后能不能找到答案,为啥第二个也是可以的呢。。。