Bootstrap Example

https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js

Dynamic Tabs with jQuery

Click on the Tabs to display the active and previous tab.

HOME

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Active Tab:

Previous Tab:

$(document).ready(function () {
$(“.nav-tabs a”).click(function () {
$(this).tab(‘show’);
});
$(‘.nav-tabs a’).on(‘shown.bs.tab’, function (event) {
var x = $(event.target).text(); // active tab
var y = $(event.relatedTarget).text(); // previous tab
$(“.act span”).text(x);
$(“.prev span”).text(y);
});
$(y).tab(‘show’);
});

Advertisements
Bài này đã được đăng trong Artwork. Đánh dấu đường dẫn tĩnh.

Trả lời

Mời bạn điền thông tin vào ô dưới đây hoặc kích vào một biểu tượng để đăng nhập:

WordPress.com Logo

Bạn đang bình luận bằng tài khoản WordPress.com Đăng xuất / Thay đổi )

Twitter picture

Bạn đang bình luận bằng tài khoản Twitter Đăng xuất / Thay đổi )

Facebook photo

Bạn đang bình luận bằng tài khoản Facebook Đăng xuất / Thay đổi )

Google+ photo

Bạn đang bình luận bằng tài khoản Google+ Đăng xuất / Thay đổi )

Connecting to %s