easyui tabs content加载,实现加载等待效果

sinat_33706383 sinat_33706383 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
代码如下,添加一个新的选项卡时有一个进度条信息,现在不知道怎么关闭这个进度条。本人小白,求大神帮忙看看!
$('#box li a').click(function () {
var tabTitle = $(this).html().trim();
var url = $(this).attr("ghref");
$('#tabs').tabs({
onAdd: function (tabTitle, index) {
$.messager.progress({
title: '执行中',
msg: '努力加载中...',
text: '{value}%',
interval: 100,
});
},

});
addTab(tabTitle, url);


function addTab(subtitle, url) {

if (!$('#tabs').tabs('exists', subtitle)) {
$('#tabs').tabs('add', {
title: subtitle,
content: createFrame(url),
closable: true,


});

} else {
$('#tabs').tabs('select', subtitle);
}


tabClose();
};


function createFrame(url) {
var s = '<iframe name="mainFrame" scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:99%;"></iframe>';

return s;
}
...全文

相关推荐

评论 6
收藏 已收藏
分享
返回顶部
sinat_33706383
JavaScript 87,983 成员 224,681 内容