bootdo框架切换tab标签时自动刷新，无需手动刷新

主要更改contabs.js这个脚本

    //刷新iframefunction refreshTab() {var target = $('.J_iframe[data-id="' + $(this).data('id') + '"]');var url = target.attr('src');//关掉loading提示//显示loading提示// var loading = layer.load();target.attr('src', url).load(function () {//关闭loading提示// layer.close(loading);});}

下面这行控制，点击标签页时，刷新

    $('.J_menuTabs').on('click', '.J_menuTab', refreshTab);  //点击标签，刷新

下面控制点击左侧菜单，如果该菜单已经创建过，则刷新

   function menuItem() {// 获取标识数据var dataUrl = $(this).attr('href'),dataIndex = $(this).data('index'),menuName = $.trim($(this).text()),flag = true;if (dataUrl == undefined || $.trim(dataUrl).length == 0) return false;// 选项卡菜单已存在$('.J_menuTab').each(function () {if ($(this).data('id') == dataUrl) {if (!$(this).hasClass('active')) {$(this).addClass('active').siblings('.J_menuTab').removeClass('active');scrollToTab(this);// 显示tab对应的内容区$('.J_mainContent .J_iframe').each(function () {if ($(this).data('id') == dataUrl) {$(this).show().siblings('.J_iframe').hide();return false;}});}flag = false;//点击左侧菜单，如果已经创建过，则刷新var target = $('.J_iframe[data-id="' + $(this).data('id') + '"]');var url = target.attr('src');//关掉loading提示//显示loading提示// var loading = layer.load();target.attr('src', url).load(function () {//关闭loading提示// layer.close(loading);});return false;}});// 选项卡菜单不存在if (flag) {var str = '<a href="javascript:;" class="active J_menuTab" data-id="' + dataUrl + '">' + menuName + ' <i class="fa fa-times-circle"></i></a>';$('.J_menuTab').removeClass('active');// 添加选项卡对应的iframevar str1 = '<iframe class="J_iframe" name="iframe' + dataIndex + '" width="100%" height="100%" src="' + dataUrl + '" frameborder="0" data-id="' + dataUrl + '" seamless></iframe>';$('.J_mainContent').find('iframe.J_iframe').hide().parents('.J_mainContent').append(str1);//显示loading提示
//            var loading = layer.load();
//
//            $('.J_mainContent iframe:visible').load(function () {
//                //iframe加载完成后隐藏loading提示
//                layer.close(loading);
//            });// 添加选项卡$('.J_menuTabs .page-tabs-content').append(str);scrollToTab($('.J_menuTab.active'));}return false;}

FR：徐海涛（hunk Xu）
QQ技术交流群：386476712

bootdo框架切换tab标签时自动刷新，无需手动刷新相关推荐

html5点击切换选项卡,简单纯js实现点击切换TAB标签实例
一个不需要jQuery实现的tab选项卡切换效果,代码简洁易用. 默认是鼠标悬停显示tab效果,可将其中的onmouseover 修改为 onclick 点击效果使用方法: 1.将附件中的index ...
vim切换tab标签快捷键
这几天在学习VIM,在WIN7下装了GVIM,在折腾好配置文件后,就在弄这个切换标签快捷键的问题. vim从vim7开始加入了多标签切换的功能,相当于多窗口. 之前的版本虽然也有多文件编辑功能,但是 ...
layui tab标签设置只读，不可手动切换外部按钮切换tab
设置只读最核心的代码只有一个 style="pointer-events: none;" 外部按钮切换tab的核心代码: 要使用layui 的element这个组件对象最外面的一 ...
Vue+element-ui实现含有多个tab标签页的编辑页面，watch监听数据变更，切换tab页时提醒数据变更。
思路: 1.监听表单绑定数据的变更 2.切换页面时判断表单绑定数据是否发生变更.如果发生变更,给出提示,由用户选择放弃变更跳转到新的tab还是留在原tab页面. <template>< ...
uniapp滑动切换tab标签_Web前端，Tab切换，缓存，页面处理的几种方式
前言相信tab切换对于大家来说都不算陌生,后台管理系统中多会用到.如果不知道的话,可以看一下浏览器上方的标签页切换,大概效果就是这样. 1.如何切换使用动态组件,相信大家都能看懂(部分代码省略)/ ...
切换tab页时，tab页中的echart变形问题
本文为博主原创,未经允许,不得转载: 在两个tab页中,分别展现了两个echart图表,同样的格式与写法,但只有在默认选中的tab页中的图表显示的是正常的, 但进入另一个tab页中时,图表则产生了变形 ...
php 视频网站采集器,自己在用的视频网站开源，真正的自动采集无需手动更新...
项目开源地址:https://github.com/smiger/collectMovies 项目使用Laravel框架,需要安装PHP >= 7.0.0 一.部署 1.打开命令行窗口(这里我们 ...
php tab标签,JavaScript代码分享：tab标签的切换
本文实例讲述了js实现点击切换TAB标签.分享给大家供大家参考.具体如下: 这里演示的选项卡效果代码,无jq,纯JS来实现,灰色风格,没有怎么美化,或许看上去比较普通,不过兼容性和操作起来挺舒服的,风 ...
Vant Tab标签页
引入 import Vue from 'vue'; import { Tab, Tabs } from 'vant';Vue.use(Tab); Vue.use(Tabs); 代码演示基础用法通过 ...
火狐浏览器jtopo节点切换tab后消失报错NS_ERROR_FAILURE的解决
火狐浏览器切换tab后流程节点消失,js报错NS_ERROR_FAILURE,网上查询该错误为元素隐藏后火狐相关的api调用会抛异常,只要先判断下元素的display属性是否为none,为none就不 ...

bootdo框架切换tab标签时自动刷新，无需手动刷新

bootdo框架切换tab标签时自动刷新，无需手动刷新相关推荐

最新文章

热门文章