一个 bootstrap tab 切换的问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2932 天前的主题，其中的信息可能已经有所发展或是发生改变。

我想问下我们现在在做一个外包项目，模板是买的，然后我是用的 bootstrap 写的页面，所有的 tab 切换都是一个页面上，然后模板是分开的，重新加载的一个页面，我们后台说，我这样写他没有办法传递参数，没办法套用模板，我想问下是否有解决的办法，比如说可以用什么方法，给所有的 tab-pane 加上一个能识别的地址，或者后台能有什么办法直接将这个页面上加载他的模板，然后用上模板的控制器么，他说的所有的控制器都是分开写的。

模板

Bootstrap

页面

tab

13 条回复 • 2016-10-30 19:14:40 +08:00

xxxyyy

2016-10-28 10:52:58 +08:00 via Android

tab 切换是否需要刷新页面（重新加载）？

Hyeongo

2016-10-28 10:56:02 +08:00

$('a[data-toggle="tab"]').on('show', function (e) {
//ajax 请求返回对应模板页，然后显示在 tab 的 ontent 中
}）

q397064399

2016-10-28 12:59:16 +08:00

上个页面看看，没页面怎么知道怎么搞？

kideny

2016-10-28 13:46:41 +08:00

ajax 加载局部，怎么不可以传递参数啊，你们后台是不是傻啊。

kideny

2016-10-28 13:47:34 +08:00

估计这个后端，不懂 js 。

meszyouh

2016-10-28 13:50:44 +08:00 via Android

内嵌 iframe

style

2016-10-30 10:46:18 +08:00

@xxxyyy 这个只是刷新页面的一部分，比如你点击了其中的一个 tab 链接，会在本页面加载出相应的 tab 内容，它的结构是 <a href=“#id ” data-toggle="tab"></a> 对应的内容是：<div class="tab-pane " id="id">这样的结构，所以他只是刷新当前页面的一部分，不是刷新全部页面。

style

2016-10-30 10:47:15 +08:00

@kideny 那我就不知道了，我说用 ajax 能解决，他说不行，只能读取数据，但是不能加载控制器。不能执行其他操作。

style

2016-10-30 10:49:02 +08:00

@Hyeongo 我有跟他提到过这个，但是他就认定了，别人的模板全是分页写出来的，就是一个分类是一个全新的页面，他无法去套取。

style

2016-10-30 10:50:02 +08:00

@meszyouh 我用过，但是他过来看了下说不行。我也没什么办法了，现在我只能把页面全部分出来写了，我操 40 多个页面。

meszyouh

2016-10-30 10:58:27 +08:00 via Android

@style 让 lframe 指向你要加载的页面不行么？还不如试试在前端来渲染 DOM

style

2016-10-30 11:21:54 +08:00

@meszyouh 第二次我就是用的 iframe 加载的啊，他说不行的嘛，这是我第三次修改页面了，想想也是醉了。

zhenizhui

2016-10-30 19:14:40 +08:00

要不用 js 来渲染页面？后端只提供数据