Với các tab Giao diện người dùng jQuery, làm cách nào tôi có thể chạy mã sau khi nhấp chuột vào tab?

Question

Với jQuery UI tabs, bạn có thể sử dụng phương pháp chọn để chạy mã khi một tab được nhấp:

$(".selector").tabs({ 
    select: function(event, ui) { ... } 
}); 

Nhưng mã được chạy trước tab chỉ nhấp đã được tải. Tôi cần chạy mã sau khi tab mới đã được tải. Tôi có thể làm cái này như thế nào? Cảm ơn vì đã đọc.

Answer 1

$(".selector").tabs({ 
    load: function(event, ui) { ... } 
}); 

từ http://jqueryui.com/demos/tabs/

Answer 2

vẻ như bạn có thể liên kết với tabsload hoặc tabsshow:

http://jqueryui.com/demos/tabs/#Events

dụ

$('#example').bind('tabsshow', function(event, ui) { ... }); 

Answer 3

API đã thay đổi. Sự kiện này hiện là "kích hoạt"/"tasbactivate"; thấy http://api.jqueryui.com/tabs/#event-activate

----- OLD trả lời dưới đây -----------

Dựa trên những câu hỏi đó là tabsshow (không phải là tabsload) sự kiện đó là mong muốn ... sự kiện được kích hoạt khi một tab được hiển thị.

Mã số ví dụ: (từ http://jqueryui.com/demos/tabs/)

Cung cấp chức năng gọi lại để xử lý các sự kiện chương trình như một tùy chọn init.

$(".selector").tabs({ 
    show: function(event, ui) { ... } 
}); 

Liên kết với sự kiện hiển thị theo loại: tabshow.

$(".selector").bind("tabsshow", function(event, ui) { 
    ... 
}); 

Sự kiện này hữu ích nếu bạn muốn đặt trọng tâm kiểm soát hoặc tương tự.