easyui打开新的选项卡_jQuery EasyUI 选项卡面板tabs的使用实例讲解

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后台编程，就来你我他学习吧！

学前端开发，就来你我他学习吧！

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