Jquery và twitter bootstrap làm cho tab hoạt động không hoạt động

Question

Trong các tab jc của bootstrap twitter, tôi phải thêm một lớp "hoạt động" vào một phần tử li.

Tôi nhận được băm từ url. Tôi áp dụng lớp đang hoạt động cho tab nhưng nó không lấy tiêu điểm.

Tôi muốn đặt tab thứ hai hoạt động khi url có hàm băm nhất định. đang

Nguồn: http://jsfiddle.net/Chumillas/dU458/#example

Answer 1

Tôi giải quyết nó, tôi cần phải thiết lập các div về nội dung của tab hoạt động là tốt.

Answer 2

Tại sao u không sử dụng phương pháp select thay vì thay đổi lớp mình ??

việc kiểm tra này, Selecting a jQuery Tab using a parameter in the URL

Answer 3

Bạn có thể làm điều đó như thế này:

$(function (e) { 
    var parts = decodeURI(e.target).split('#'); 
    $(".tabs").tabs().select(parts[1]); 
}); 

Answer 4

Ngoài ra với bootstrap-tab.js mới nhất, bạn có thể sử dụng lệnh gọi sau để chọn tab hoạt động.

Nav mẫu:

<ul class="nav nav-tabs"> 
    <li class="active"><a href="#tab1" data-toggle="tab">Tab 1</a></li> 
    <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> 
    <li><a href="#tab3" data-toggle="tab">Tab 3</a></li> 
</ul> 

đối tượng nhận được với liên kết và hiển thị cuộc gọi:

$('a[href="#tab2"]').tab('show'); 

trẻ ưa vận động, G.

nguồn: Twitter Bootstrap

Answer 5

Để làm Bootstrap việc các tab, có hai việc bạn phải làm để tạo tab hoạt động:

1. Đặt yếu tố li để hoạt động (class = "active")
2. Đặt yếu tố tab div để hoạt động (class = "phai trong hoạt động")