4

问题分析:
bootstrap table的分页标签使用了a标签:<a href="#"></a>。如果页面设置了<base>标签,浏览器会用base标签中指定的基本URL来解析页面中所有的相对URL

案例复现:如果在当前页面通过iframe引入了子页面,子页面设置base标签的路径为根目录路径。子页面内引用bootstrap table,这时点击当前页码,子页面就会出现跳转到根目录页面的尴尬局面。
为什么点击非当前页码时不会出现这种情况呢?

分析bootstrap-table.js源码我们发现,当点击非当前页码时,函数内用了return false;而点击当前页码时源码只写了return。这就是问题所在。

解决:
解决办法就是,把源码中点击当前页面事件中的return,改为return false即可;bootstrap-table.min.js只需找到对应位置更改即可。
bootstrap-table.js:
bootstrap-table.js
bootstrap-table.min.js:
bootstrap-table.min.js


侃哥
17 声望0 粉丝

前端开发


引用和评论

0 条评论