jquery里tab的close事件怎么用？

2013-06-25 01:48:12 742 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

C4FE4597464E1BAA 墨衍会员 · AI 创作全网分发关注 + 加入社区

jQuery事件系统：解剖前端事件底层原理与工程实践事件处理是前端开发的核心基础能力，涉及事件流（捕获/冒泡）、事件对象生命周期、事件委托等关键概念。理解这些原理不仅关乎DOM交互正确性，更直接影响React SyntheticEvent、Vue指令修饰符等现代框架特性的掌握深度。jQuery事件系统虽非生产首选，却以极简API暴露了浏览器原生事件机制的本质抽象，尤其在跨浏览器兼容性处理、事件委托实现、命名空间隔离等工程细节上具有不可替代的教学与调试价值。本文聚焦事件模型的三层解构——从W3C规范定义的物理执行流程，到jQuery对event对象的norma 阅读详情

网上找不到例子，而且api也没写，不知道怎么用
还有怎么使存在的tab显示出来啊

...全文

jQuery后台框架：老系统渐进式升级的兼容性实践在WebForms等传统ASP.NET后台系统仍广泛服役的现实下，'渐进式增强'成为技术演进的关键路径。其核心原理是通过轻量级前端补丁（如jQuery+iframe+Cookie）实现交互体验升级，而非推倒重来。这种方案的技术价值在于规避了现代框架与服务器控件（如__EVENTTARGET、ScriptManager）的生命周期冲突，保障系统稳定性与用户操作连续性。典型应用场景包括政企老旧合同管理、医保/公积金业务中台、高校教务系统等需长期维护且终端环境受限（IE8+/Chrome45）的生产环境。本文聚焦阅读详情

C4FE4597464E1BAA

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

ILOVE_ASPNET 2013-06-26

打赏
举报

引用 4 楼 scookiem 的回复:

[quote=引用 1 楼 ILOVE_ASPNET 的回复:] [quote=引用楼主 scookiem 的回复:] 网上找不到例子，而且api也没写，不知道怎么用还有怎么使存在的tab显示出来啊

$("#tt").tabs("close","title")[/quote]就是easyui，但是这个应该写在哪个函数里面呢？？我以为是写在创建tab的时候onclose：function（）{}[/quote] 你具体的什么操作的时候要关闭然后就在里面写上这句啊，比如你现在点一个按钮想关闭现在某个tabs 的title 然后写上这句就可以啊 $("#tt").tabs("close",你的标题)。然后就是你一楼的时候说不知道怎么显示出来，假设你界面有个 div ,ID 为 tt 然后你就这样


$('#tt').tabs('add',{  
    title:'New Tab',  
    content:'Tab Body',  
    closable:true,  
    tools:[{  
        iconCls:'icon-mini-refresh',  
        handler:function(){  
            alert('refresh');  
        }  
    }]  
});

这是通过脚本动态添加的title 选项，静态的你看下结构就行了，如下格式


    <div id="tt" class="easyui-tabs" style="width:500px;height:250px;">  
        <div title="Tab1" style="padding:20px;display:none;">  
            tab1  
        </div>  
        <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">  
            tab2  
        </div>  
        <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">  
            tab3  
        </div>  
    </div>

老虎门传送

斯洛文尼亚旅游 2013-06-25

打赏
举报

close事件通过自己注册的事件弄的吧。。注册事件的时候增加要执行的关闭代码就好了吧

		// close icon: removing the tab on click
		$( "#tabs span.ui-icon-close" ).live( "click", function() {
			var panelId = $( this ).closest( "li" ).remove().attr( "aria-controls" );
			$( "#" + panelId ).remove();
			tabs.tabs( "refresh" );
		});

ILOVE_ASPNET 2013-06-25

打赏
举报

哦看错标题了我以为是easyui , jquery 里面的啊，没用过，呵呵。

ILOVE_ASPNET 2013-06-25

打赏
举报

引用楼主 scookiem 的回复:

网上找不到例子，而且api也没写，不知道怎么用还有怎么使存在的tab显示出来啊

$("#tt").tabs("close","title")

一片冰心在玉壶 2013-06-25

打赏
举报

引用 4 楼 scookiem 的回复:

[quote=引用 1 楼 ILOVE_ASPNET 的回复:] [quote=引用楼主 scookiem 的回复:] 网上找不到例子，而且api也没写，不知道怎么用还有怎么使存在的tab显示出来啊

$("#tt").tabs("close","title")[/quote]就是easyui，但是这个应该写在哪个函数里面呢？？我以为是写在创建tab的时候onclose：function（）{}[/quote] $('#tabs').tabs('close', '你的标题');

C4FE4597464E1BAA 2013-06-25

打赏
举报

引用 1 楼 ILOVE_ASPNET 的回复:

[quote=引用楼主 scookiem 的回复:] 网上找不到例子，而且api也没写，不知道怎么用还有怎么使存在的tab显示出来啊

$("#tt").tabs("close","title")[/quote]就是easyui，但是这个应该写在哪个函数里面呢？？我以为是写在创建tab的时候onclose：function（）{}

jquery里tab的close事件怎么用？

相关推荐