首页 / JQUERY / 获取JQuery UI tabs中被选中的tabs的方法

获取JQuery UI tabs中被选中的tabs的方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了获取JQuery UI tabs中被选中的tabs的方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1175字，纯文字阅读大概需要2分钟。

内容图文

JQuery标签事件处理实例

如果你正在使用JQuery tabs而且想从基本的功能扩展到自定义的功能，这是你最好知道如何处理JQuery的点击事件。

 

在这篇文章中：

　　1.回顾如何添加当tab被点击时的事件处理

 

背景：

　　需要了解的是，JQuery在不断修正的，很多有用的信息只针对于某一特定的老版本，JQuery已经不在支持。

　　在这种情况下，JQuery-ui对标签页的事件监听的支持从1.9.x的show命令切换到JQuery-UI 1.10.x的activate命令。

 

处理一个Tab的点击事件在JQuery-UI 1.10.x和JQuery UI 1.9.x

　　这是一个用于JQuery-UI 1.10.x的激活tab响应的代码片段在这个页面，将会执行你自己写的代码，当第二个tab被点击。

<script type="text/javascript" >
 $(function () {
 $(‘#tabs‘).tabs({
 activate: function (event, ui) {
 var $activeTab = $(‘#tabs‘).tabs(‘option‘, ‘active‘);
 if ($activeTab == 1) {
 // HERE YOU CAN ADD CODE TO RUN WHEN THE SECOND TAB HAS BEEN CLICKED }
 }
 });
});
 </script>

这是早期版本的JQuery-UI使用show命令。

<script type="text/javascript" >
 $(function () {
 $(‘#tabs‘).tabs({
 show: function (event, ui) {
 var $activeTab = $(‘#tabs‘).tabs(‘option‘, ‘active‘);
 if ($activeTab == 1) {
 // HERE YOU CAN ADD CODE TO RUN WHEN THE SECOND TAB HAS BEEN CLICKED }
 }
 });
});
 </script>

从上面的代码可以看出，JQuery的编写者可以仅仅将show改变成activate由于语法的原因。作为一个开发者，需要记住，如果一部分的JQuery的代码不起作用，最好在猜测是否有bug前，检查一下语言弃用帮助。

 

 

参考资料：

1.JQuery – Example of Tabs Event Handling

2. JQuery中文文档

原文：http://www.cnblogs.com/shubin/p/7463353.html

内容总结

以上是互联网集市为您收集整理的获取JQuery UI tabs中被选中的tabs的方法全部内容，希望文章能够帮你解决获取JQuery UI tabs中被选中的tabs的方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1240216.html

来源：【匿名】