【jquery ajax】jQuery EasyUI 选项卡面板tabs的使用实例讲解

【www.bbyears.com--jquery】

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

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

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

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

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

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

 
 
 
 
 <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
 
 
 
 
 <script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
 <script type="text/javascript">
  //页面加载后执行
  $(function(){
  //对链接绑定点击事件
  $("#nwtxxb").click(function(){
   //添加一个新的选项卡
   $("#mytabs").tabs("add",{
   title:"CSDN博客",
   content:"学IT，你我他学习吧"
   });
  });
  });
 </script>
 
 
 
 
  
  
  
   你我他学习吧
  
  你我他学习吧
  
 
 
  
  
  学Java后台编程，就来你我他学习吧！
  学前端开发，就来你我他学习吧！
  
 
 
 
 

本文来源：http://www.bbyears.com/wangyezhizuo/144173.html