自定义jQuery选项卡插件实例_jquery
May 16, 2016 pm 05:39 PM- Users
- Groups
<script><BR>jQuery.fn.tabs = function (control) {<BR> var element = $(this);<BR> var control = $(control);<br><br> element.delegate('li', 'click', function () {<BR> // 遍历选项卡名称<BR> var tabName = $(this).attr('data-tab');<br><br> // 点击选项卡时触发自定义事件<BR> element.trigger('change.tabs', tabName);<BR> });<br><br> // 绑定到自定义事件<BR> element.bind('change.tabs', function (ev, tabName) {<BR> element.find('li').removeClass('active');<BR> element.find('>[data-tab=' + tabName + ']').addClass('active');<BR> });<br><br> element.bind('change.tabs', function (ev, tabName) {<BR> control.find('>[data-tab]').removeClass('active');<BR> control.find('>[data-tab=' + tabName + ']').addClass('active');<BR> });<br><br> // 激活第 1 个选项卡<BR> var firstName = element.find('li:first').attr('data-tab');<BR> element.trigger('change.tabs', firstName);<br><br> return this;<BR>};</script>
jQuery(function ($) {
$('#tabs').tabs('#tabContent');
$('#tab').bind('change.tabs', function (ev, tabName) {
window.loaction.hash = tabName;
});
$(window).bind('hashchange', function () {
var tabName = window.location.hash.slice(1);
$('#tabs').trigger('change.tabs', tabName);
});
});

Artikel Panas

Alat panas Tag

Artikel Panas

Tag artikel panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Cara cepat menyediakan avatar tersuai dalam Netflix

Panduan Pemula PyCharm: Pemahaman menyeluruh tentang pemasangan pemalam!
![Ralat memuatkan pemalam dalam Illustrator [Tetap]](https://img.php.cn/upload/article/000/465/014/170831522770626.jpg?x-oss-process=image/resize,m_fill,h_207,w_330)
Ralat memuatkan pemalam dalam Illustrator [Tetap]

Apakah direktori pemasangan sambungan pemalam Chrome?

Kongsi tiga penyelesaian mengapa pelayar Edge tidak menyokong pemalam ini

Bagaimana untuk menyesuaikan tetapan kekunci pintasan dalam Eclipse

Adakah PyCharm Community Edition menyokong pemalam yang mencukupi?

Proses pengendalian susun atur skrin tersuai edius
