Làm cách nào để xử lý sự kiện chọn của tiện ích tab của jquery ui?

Question

Tôi sử dụng tiện ích tab của jquery ui trong trang web của tôi Việc khởi tạo là ok. nhưng muốn nắm bắt sự kiện on_selected của một tab để làm điều gì đó khác. Tôi đã theo dõi tài liệu của jquery nhưng nó không hoạt động. doc!

Tôi đã thử

$("#editor-tabs").tabs(); 
    $("#editor-tabs").bind("tabsshow",function(event,ui){ 
      alert(ui.index); 
    }); 

và

$("#editor-tabs").tabs({ 
    select: function(event,ui){alert(ui.index);} 
}); 

Đặt breakpoint để chức năng gọi lại và họ không được nhấn.

Answer 1

nếu bạn sử dụng jquery ui 1.10 *, mã sau đây là đúng.. Tôi đã sử dụng sai số doc. Chỉ dành cho 1,8

Tốt hơn nên kiểm tra số phiên bản của bạn nếu bạn gặp sự cố tương tự.

 $("#editor-tabs").tabs({                 
      activate:function(event,ui){              
          alert(ui.index);             
        }                   
     }); 

Answer 2

Bạn có nhớ đăng một ví dụ về mã không? Theo số http://api.jqueryui.com/tabs/ , không có sự kiện "on_selected", nhưng kích hoạt, beforeActivate, beforeLoad, tạo và tải.

Bạn cũng muốn đạt được mục tiêu nào?

Có lẽ tham khảo cái này: jQuery - trapping tab select event

$('#tabs, #fragment-1').tabs({ 
    select: function(event, ui){ 
    // Do stuff here 
    } 
}); 

Answer 3

Xem trả lời của tôi cho câu hỏi này là tương tự:

https://stackoverflow.com/a/17509685/763629

Lưu ý cho jQuery UI 1.10.x + sử dụng này:

ui.newTab.index()