Như câu hỏi trên, hoặc nghĩa là: mình muốn bắt sự kiện click của owl-dots, mỗi khi click vào owl-dot bất kỳ nào đó nó sẽ tự động chuyển slider và active vào owl-dots hiện tại được click trên trang. Hiện tại em đang làm cái slider, em muốn click ra bên ngoài div có class="clickchangedot" nó cũng chạy slider qua slider kế tiếp, không nhất thiết phải click đúng vào cái owl-dot. HTML: $( '.clickchangedot' ).on( 'click', function() { //gọi nó như thế nào giúp em cái hàm $( '.owl-dot' ).removeClass( 'active' ); $(this).addClass( 'active' ); })
Của bạn đây, code của bạn trên sửa thành: Mã: var owl = $('.owl-carousel'); $( '.clickchangedot' ).on( 'click', function() { owl.trigger('to.owl.carousel', [$(this).index(), 300]); $( '.cs-owl-dot' ).removeClass( 'active' ); //tắt mở cái này để test muốn xóa hoặc add class activate $(this).addClass( 'active' ); //tắt mở cái này để test muốn xóa hoặc add class activate });
Code tuyệt vời, thanks admin, em đã xử lý được sự kiện trên. HTML: var owl = $('.owl-carousel'); $( '.clickchangedot' ).on( 'click', function() { owl.trigger('to.owl.carousel', [$(this).index(), 300]); //$( '.cs-owl-dot' ).removeClass( 'active' ); //$(this).addClass( 'active' ); });