好资源导航 » 文章资讯 » jQuery EasyUI 选项卡面板tabs的使用实例讲解

jQuery EasyUI 选项卡面板tabs的使用实例讲解

2023-09-18 21:25:05 62

1、对选项卡面板区域div设置class=”easyui-tabs”

2、对选项卡面板区域添加多个div，每个div就是一个选项卡（每个面板一定设置title）

3、设置面板fit为true，自适应父容器大小

4、设置选项卡closable为true，添加可关闭按钮

5、通过超链接，点击后，添加新的选项卡

语法：页面对象.easyui插件(方法名,参数);





easyui-选项卡面板tabs的使用








//页面加载后执行
$(function(){
//对链接绑定点击事件
$("#nwtxxb").click(function(){
//添加一个新的选项卡
$("#mytabs").tabs('add',{
title:'CSDN博客',
content:'学IT，你我他学习吧'
});
});
});

你我他学习吧

你我他学习吧

学Java后台编程，就来你我他学习吧！学前端开发，就来你我他学习吧！

以上这篇jQueryEasyUI选项卡面板tabs的使用实例讲解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com