Fuel UX - Hook vào sự kiện thay đổi của wizard

Question

Theo documentation, tôi sẽ có thể móc vào sự kiện thay đổi của thành phần thuật sĩ Fuel UX. Nhưng đối với cuộc sống của tôi, tôi không thể tìm ra cách. Tôi vẫn còn mới để jquery và javascript.

Javascript Tôi đã thử những điều sau

var wizard = $('#MyWizard'); 

wizard.on('change', '.wizard', function() { 
    alert('OH SNAP!'); 
}); 

wizard.wizard().on('change', function() { 
    alert('OH SNAP!'); 
}); 

... và một vài biến thể khác để không thành công.

Tôi nghĩ rằng tôi đang làm rối tung những điều cơ bản ở đâu đó. Làm thế nào tôi sẽ đi về việc thêm một sự kiện tùy chỉnh cho sự kiện thay đổi trên. (như id chỉ có một khu vực nội dung, nhưng trên id sự kiện thay đổi để có máy chủ cung cấp cho tôi nội dung cần thiết để điền vào từng bước của trình hướng dẫn)

Answer 1

Tôi đã rất gần với những gì tôi cần làm.

var wizard = $('#MyWizard'); 

wizard.on('change', function (e, data) { 
     console.log('change');  
}); 

wizard.on('changed', function (e, data) { 
     console.log('changed'); 
}); 

Answer 2

Đầu tiên không có myWizard chỉ là phần tử MyWizard. Các phần tử DIV thứ hai không có sự kiện thay đổi. Bạn chỉ có thể thêm một sự kiện click vào nút của bạn như:

<button class="btn btn-mini btn-prev" disabled="disabled" id="prev"><div class="icon-arrow-left"></div>Prev</button> 

và sau đó:

$('#prev').click(function() { alert('OH SNAP!'); });