问题分析:
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.min.js:
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。