html a 点击防止刷新,a标签点击跳转页面不刷新的问题

作为一位前端新手,刚接触移动端开发不久,遇到的问题真的是一个接着一个...

前面写好了几个页面,今天试着将各个页面的链接打通,然后问题就来了...(╯︵╰)

这里看一下原来想要实现的两个页面跳转的效果--点击图一标注的栏目可以跳转到一个新的页面图二...

按照之前写a标签的跳转链接那样,直接输入相对路径,然后测试~

页面跳转后出来的是图三,样式都没了???刷新看看,然后图二就出来了!

以为是浏览器反应慢的原因,然后拿其他页面做同样的测试,结果也是这样.....

然后试着不要SUI框架直接写个简单的页面测试,咦,可以正常跳转刷新,所以就猜想问题出在使用了框架这里!

这里先说一下本人解决这个问题的思路:

首先想到SUI提供的工具栏(上图)就是可以正常跳转刷新的a标签,对比它们与其他a标签的不同之处,我发现的它们多了class=“external”属性值.

所以就试着给测试的a标签加上这个属性,发现页面正常跳转刷新了 φ(>ω

解决方法:在a标签中加上属性值 class=“external”.

接下来看一下SUI的sm.js源码(看得不是很懂),所以再去百度一下,终于知道这个问题的原因啦.

原因: SUI框架的Router默认开启，会自动拦截所有链接的Touch行为，如果希望一个链接走浏览器原生跳转而不使用router，可以在链接上增加 class="external". (或者自定义属性)

如果需要禁用路由功能,那么可以在 zepto 之后, msui 之前使用 script $.config = {router: false} 来禁用.

由于个人经验及掌握的太有限了,所以很多问题理解的不是很深,需要在这方面不断的探索与积累~

原文：http://www.cnblogs.com/stella1024/p/7221182.html

html a 点击防止刷新,a标签点击跳转页面不刷新的问题相关推荐

前台alert弹出页面，点击确定，关闭弹出框，整个页面进行刷新数据
前台alert弹出页面,点击确定,关闭弹出框,整个页面进行刷新数据location.reload(); $("#saveBatch").on("click", ...
vue监听浏览器刷新和关闭事件，并在页面关闭/刷新前发送请求
vue监听浏览器刷新和关闭事件,并在页面关闭/刷新前发送请求 1.需求背景: 2.需求分析: 3.实现方式: 4.实现方式解析: 1)浏览器页面事件基础 2)在mounted监听beforeunloa ...
asp ajax局部刷新,ASP.Net用jQuery ajax实现页面局部刷新
刚开始的时候使用asp的updatepanel控件实现局部刷新,而且在本地运行正确,但是部署到服务器上就变成整个页面全部刷新了.服务器用的是Windows server2000,本地机子上用的是win ...
js 跳转页面并刷新的几种方法
一:跳转页面并刷新的几种方法: <a href="javascript:history.go(-1)">返回上一页</a> <a href ...
vue 路由跳转页面不刷新
vue 路由跳转页面不刷新点击打开视频讲解地址在router-view 里边添加 :key="$route.fullPath" <!-- 添加:key="$ro ...
a标签 vue 动态点击_vue实现a标签点击高亮方法
下面我就为大家分享一篇vue实现a标签点击高亮方法,具有很好的参考价值,希望对大家有所帮助. 如下所示: lang="en"> charset="UTF-8&quo ...
解决vue跳转页面不刷新问题
1.问题: 我们常常需要使用$router.go(-1)返回之前的页面,但是却发现, 之前的界面,保持着上次跳转的状态2.原因: 使用$router.go(-1)返回,之前的数据都保留,并未刷新原来的 ...
Vue路由跳转页面并刷新页面
watch监测到路由发生跳转时刷新一次页面 watch: {$route() {location.reload();},},
Django 中 a href标签使用方法跳转页面（Django第四篇）
上次我已经用Django启动了一个登录模板页面具体过程见:Django启动我的第一个模板页面但问题是我们只能通过监听的端口访问这一个页面,不能通过页面的一些连接跳转到其他页面如下,我们不能点击注 ...

html a 点击防止刷新,a标签点击跳转页面不刷新的问题

html a 点击防止刷新,a标签点击跳转页面不刷新的问题相关推荐

最新文章

热门文章