tab页控制iframe切换
1、这个一个组织机构树和对应的信息tab页,在菜单树上选择后要更新tab,这两部分并没有采用iframe,是用div写了树和tab两部分。

2、发现的问题是:选择第三个tab后,点树上的节点,tab不会自动跳转到第一个tab,因为没有刷新,如果用的是iframe,重新加载即可,不会出现这个问题,但是我用的是div,怎么解决这个问题呢?

3、我的解决方法是,清空tab页的html,然后重新加载这部分的html,这个问题就解决了,需要注意的重新加载html后要重新加载tab的onclick事件。这一步操作跟iframe重新加载是一样的效果。

4、这里执行了两个方法:
$("#tabs").empty();
empty() 方法从被选元素移除所有内容,包括所有文本和子节点
$("#tabs").prepend(str);
prepend() 方法在被选元素的开头插入内容
具体的方法建议大家参考w3school

5、前台jsp就比较简单,只需要给需要重新加载的div增加id属性就可以了,主要操作都在js里面。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:177
阅读量:171
阅读量:49
阅读量:71
阅读量:136